一口氣買了全部的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 協議》,轉載必須註明作者和本文連結