[边学边做系列 第1篇]知识付费应用创建总结（集成layui+ajax弹窗登录注册）

一口气买了全部的laravel教程，看了几天大有收获，开始着手建设自己的【知识付费】应用。

一、应用简介

1、四端：PC端+H5端+微信小程序+APP

2、技术栈：

后端：laravel8.x
PC前端：layui
H5前端：bootstrap+swiper（暂定）
APP：uniapp—需要学api教程
小程序：暂定uniapp（后期或改原生）—需要学api教程

3、主要功能

（1）课程功能
视频课程
音频课程
图文课程
直播课程
考试题库
（2）讨论问答功能
课程问题和讨论+题库问题和讨论，使用类似learnku.com主题帖+回帖的形式。
阿里云的内容审核api+人工审核
（3）营销功能
优惠券
拼团
邀请码
（4）交易功能
购物车+订单+支付（微信+支付宝）
VIP会员专属课程+课程单独售卖
（5）用户功能
为了网络安全考虑，正式部署时，将使用：手机+微信。

二、本次成果

1、安装集成了layui
2、实现基本布局（layouts/app.blade.php _headeer.blade.php _footer.blade.php
3、安装了larave 自带的auth系统
4、实现了弹窗登录和注册

三、本次总结

1、集成layui时
（1）最初采用了npm 安装，后来感觉不方便，直接将layui放到了public下。
（2）前端仍然采用scss的方式，使用webpack自动构建。scss的优点是使用方便
2、实现基本布局：
（1）边看layui文档边制作：头部菜单栏+form表单+前端验证+layer弹窗及提示
（2）注意： 错误信息接收要在$.ajax()的error:function() 函数中接收，在success中接收不到。
3、效率提升
（1）在项目建设过程中，将常用的代码及时加入了vscode的代码片段
（2）每个项目创建后，都需要常规的各种初始化操作，一一记录到了笔记本中（typora）。后面进一步总结后，将git一份完整初始化的副本，供下个项目直接使用。

四、遇到的问题

1、layui的集成和使用
（1）layer的弹窗
（2）form表单,表单验证+在表单中加入csrf
（3）form表单的ajax提交
（4）选项卡的使用，使用layid，实现点击注册和登录的时候自动切换到对应的选项卡
2、laravel的使用
编写了极少的逻辑代码（只加了验证码组件的验证规则和提示信息），时间都放在了各种配置和前端构建上。
问：laravel开发是不是逻辑代码的编写会比较少？

本作品采用《CC 协议》，转载必须注明作者和本文链接