[邊學邊做系列 第1篇]知識付費應用建立總結(整合layui+ajax彈窗登入註冊)

jiege666666發表於2021-06-18

一口氣買了全部的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):exclamation:注意: 錯誤資訊接收要在$.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 協議》,轉載必須註明作者和本文連結

相關文章