乐趣区

关于文本处理:基于elementUI的实战

第 1 节

我的项目概述:整体就是我的项目是电商后盾我的项目开发
商品,订单,权限

第 2 节

本我的项目是基于 PC 端,
多端都是用同一个数据库

第 3 节

功能模块如下:

数量 类型
1 用户登录
2 退出登录
3 用户治理
4 权限治理
5 商品治理
6 订单治理
7 数据统计

后端技术站使用的 Node.js,express,mySQL

第 4 节

本我的项目基于 Vue 的技术站(SPA 单页面应用程序)

用户 -> 前端我的项目 -> 后端我的项目 -> 数据库

后端操作数据库,并且发送 API 接口,而后前端绘制页面并且使用 ajax 调用 API 接口
前端根本应用的几个货色

  1. Vue
  2. Vue-router
  3. ElementUI
  4. Axios
  5. 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
额定的就是第三方字体

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

第 1 节

退出移动版