共计 1559 个字符,预计需要花费 4 分钟才能阅读完成。
第 1 节
我的项目概述:整体就是我的项目是电商后盾我的项目开发
商品,订单,权限
第 2 节
本我的项目是基于 PC 端,
多端都是用同一个数据库
第 3 节
功能模块如下:
数量 | 类型 |
---|---|
1 | 用户登录 |
2 | 退出登录 |
3 | 用户治理 |
4 | 权限治理 |
5 | 商品治理 |
6 | 订单治理 |
7 | 数据统计 |
后端技术站使用的 Node.js,express,mySQL
第 4 节
本我的项目基于 Vue 的技术站(SPA 单页面应用程序)
用户 -> | 前端我的项目 -> | 后端我的项目 -> | 数据库 |
后端操作数据库,并且发送 API 接口,而后前端绘制页面并且使用 ajax 调用 API 接口
前端根本应用的几个货色
- Vue
- Vue-router
- ElementUI
- Axios
- Echarts
第 5 节
码云疏忽
第 6,7 节
码云上传疏忽
第 8 节
第一步装置:
phpStudy2016 而后下一步下一步就行了
第二步敞开 Apache(发音:啊怕骑):
右下角的 … 其它选项菜单 > 服务管理器 >Apache> 进行
第三步导入数据库:
百度网盘下载
提取码:xmh9
第四步解压:
解压后关上,外面有一个文件夹 db
,进去就有一个 sql 的文件了
而后还是关上软件外面的右下角有一个按钮 MySQL 管理器
>
MySQL 导入导出 >
MySQL 明码:root >
下方(还原)抉择还原文件 >
还原到数据库名称:mydb>导入
就行了,cmd 这个窗口过一会主动敞开
——— 查问是否胜利 ———
关上方才的 其余选项菜单
>MySQL 工具 > 关上数据库目录
有一个文件夹叫做 Mydb
外面有货色就证实胜利
第 9 节
运行服务:找到你的文件夹 vue_api_server
在上方的文件门路 全选状态下输出 cmd
就能进入 cmd,而后输出 cnpm i
或者 npm install
而后再输出 node ./app.js
运行
数值 | 作用 |
---|---|
200 | 申请胜利 |
201 | 创立胜利 |
204 | 删除胜利 |
400 | 申请地址不存在 |
401 | 未受权 |
403 | 被禁止拜访 |
404 | 资源不存在 |
422 | 创立后,验证谬误 |
500 | 外部谬误 |
第 10 节
登录退出
这里阐明一点,
前后端不存在跨域问题就用 session
前后端若存在跨域问题就用 token
这次开发存在着 跨域问题 ,所以须要应用 token 这个形式,步骤如下:
用户登录发送给 服务器 ,如果胜利. 服务器返回 token 这个随机码!这个随机码保留在客户端就证实我正在胜利的此岸转悠,随之你的所有货色:比方 权限 也随着你的 token 而扭转,你点击删除这个 ID,带着 ID 和 token 飞到了服务器,服务器会检测你有没有资格!而后通知你。拍板 yes 点头 No 来是 come 去是 go
第 11 节
介绍:首先应用 elementUI 的几个组件
el-form + el-form-item + el-input + el-button
额定的就是第三方字体