发表于: 2020-04-22 21:21:47

0 1676


今天完成的事

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组件库的流程配置;

https://www.jianshu.com/p/54ed83b6c81a


返回列表 返回列表
评论

    分享到