静态页面版本的Coding-Show。
所有的页面 在线图片 点击查看
DOCS_页面预览
BootStrap的 编码规范 有点长,先看完吧。着手写的时候有犹豫的地方,就想得到回来查。
- 创建静态页面
- 将页面连接(vue-router)
- 数据绑定(mock 数据)
- 与后端对接(待定)
##1.创建静态页面
- 确定文件夹结构
文件或文件夹名字须修改
主目录
assets/
js/
css/
style.css
img/
pages/
admin/ 后台管理
request.html 项目审核页面,[胜利]
skill.html 技能审核页面 [yiran]
professor.html 专家审核页面 [ruichu]
user/ 用户管理
profile.html 个人信息页面 [eyea]
log.html [eyea]
add.html 添加页面 [larry]
modi.html 修改页面 [larry]
publish.html 我发布的项目 [yaojiang]
develop.html 我开发的项目 [yaojiang]
detail.html 项目详情页面 [eyea]
index.html 首页 [suhanyu]
文档跳转:
- 分拆页面
确定各个页面的 布局 和 功能
详细见 word 文档
//TODO: doc 转化为 md ,按页面拆成多个md文件
##2. 将页面连接(vue-router)
- 使用 <a> 标签创建超链接跳转
此处不修改页面 - 改写 vue-router
##3. 数据绑定(mock 数据)
- 约定变量名
根据页面上的数据内容
- 使用rap.taobao.com
##4. 与后端对接(待定)