基于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
image.png
就能进入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
额外的就是第三方字体

待续

你可能感兴趣的:(文本处理)