发表于: 2020-04-22 21:21:47
0 1678
今天完成的事
1,方案设计完成部分:
一、开发工具
1,编译器:vscode,微信开发者工具
2,版本管理器:svn
3,切图:ps
二、整体架构
1,预期可能使用到的前后台框架插件:
(1)css
(2)JS框架:Vue2.x
(3)脚手架:vue-cli4.3
(4)ui框架:后台用:element-ui,前台用: 微信的webUI,待选用的Wux Weapp, Vant Weapp
(5)页面路由: vue-router
(6)后台请求:axios,qs
三、项目文档架构
小程序:
src
|————images //存放图片
|————components //公共组件
|————pages //页面组件
|————homePage (首页)
|————homeSign (登录)
|————studentCard (学生卡)
|————cardHome(学生信息)
|————infoEdit (信息编辑)
|————numberBind (手机号绑定)
|————personCollect (个人收藏)
|————collectArticle(收藏的文章)
|————collectArticleDetail(收藏文章详情)
|————collectVideo(收藏的视频)
|————collectVideoDetail(收藏视频详情)
|————readingRoom (阅览室)
|————aricleList (文章列表)
|————articleDetail (文章详情)
|————classroom (教学楼)
|————videoDetail (视频详情)
|————videoList (视频列表)
|————app.js (渲染文件)
|————app.json(项目入口)
后台
src
|————asset //存放图片
|————components //存放公共组件
|————login (登录)
|————welcome (欢迎页)
|————pageNotFound (页面丢失页)
|————userInfo(用户信息)
|————userList (用户列表)
|————userDetail (用户详情)
|————contentManage (内容管理)
|————article(文章)
|————articleList (文章列表)
|———— articleIncrease(文章新增)
|————articleEdit(文章编辑)
|————video(视频)
|————videoList(视频列表)
|————videoIncrease(视频新增)
|————videoEdit(视频编辑)
|————backendManage(后台管理)
|————accountManage(账户管理)
|————accountList(账户列表)
|————accountIncrease(账户新增)
|———— pwdChange(密码修改)
|————rolesManage(角色管理)
|————rolesList(角色列表)
|————rolesIncrease(角色新增)
|————App.vue (渲染文件)
|————main.js(项目入口)
|————router.js(路由管理)
|————vue.config.js (跨域配置)
四、业务逻辑
1,小程序登录逻辑
明天的计划
1,整理出前后台所有需求,给出解决方案,初步完成前端设计方案;
遇到的问题
暂无
收获
1,ElementUI组件upLoad视频上传进度显示参考;
https://www.jianshu.com/p/989af714553d
2,小程序引入Van组件库的流程配置;
评论