![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue_shop
qiaoxinlin
这个作者很懒,什么都没留下…
展开
-
2.菜单栏、用户列表
今日目标实现后台首页的基本布局实现左侧菜单栏实现用户列表展示实现添加用户1.后台首页基本布局打开Home.vue组件,进行布局:<el-container class="home-container"> <!-- 头部区域 --> <el-header>Header<el-button type="info" @click="logout"> 退出 </el-button></el-header> <原创 2020-12-25 11:16:13 · 283 阅读 · 0 评论 -
1.项目概述、登录登出
今日目标1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式1.电商业务概述客户使用的业务服务:PC端,小程序,移动web,移动app管理员使用的业务服务:PC后台管理端。PC后台管理端的功能:管理用户账号(登录,退出,用户管理,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA(单页应用程序)项目前端技术栈:Vue,Vue-Router,El原创 2020-12-22 17:38:21 · 530 阅读 · 0 评论 -
代码上传Git
git status//查看原代码的状态git add .//把所有的文件添加到暂存区git status//再查看代码状态//此时所有的文件变成了绿色git commit -m "完成了登录功能"// 把暂存区的所有代码提交到本地仓库中 -m 表示提交消息 git branch//查看分支/* 把login 分支合并到 master 分支*/git checkout m...原创 2019-11-22 07:41:20 · 72 阅读 · 0 评论 -
登录的表单验证
-发起请求之前要导入axios包-具体请求之前在main.js对axios进行全局配置main.jsimport axios from 'axios'/* 配置请求的根路径 */axios.defaults.baseURL="http://127.0.0.1:8888/api/private/v1/"/* 把这个包挂在到vue的原型对象上 */Vue.prototype.$http ...原创 2019-11-21 20:15:39 · 444 阅读 · 0 评论 -
3.4 (11)删掉不必要的组件和代码
打开可视化面板重置这个页面. 梳理根组件查开src/main.jsmain.js 是整个项目的入口文件-将 App.vue 打开 删除以下代码梳理路由将import的Home.vue和 路由规则 删掉将 About.vue和 Home.vue组件也删掉HelloWord.vue组件也删掉也就是说除了App.vue根组件, 其他不用到的组件全部删...原创 2019-11-17 12:30:30 · 477 阅读 · 0 评论 -
3.1-3.3 登录/退出功能
3.1 登录概述1.登录业务流程在登录页面输入用户名和密码调用后台接口进行验证通过验证后,根据后台的响应状态跳转到项目主页- 如果登入失败,在前台提示用户登录失败- 登录成功 根据响应状态跳转到前端2. 登录业务的相关技术点http 是无状态的通过 cookie 在客户端记录状态通过 session 在服务器记录状态通过 token 方式维持状态- 如果前端和服务器之...原创 2019-11-17 10:30:51 · 216 阅读 · 0 评论 -
2.2后台项目的环境安装配置
2.2后台项目的环境安装配置安装 MySQL 数据库安装 Node.js 环境配置项目相关信息启动项目使用 Postman 测试后台接口是否正常原创 2019-11-17 09:31:47 · 159 阅读 · 0 评论 -
2.1、前端项目初始化步骤
2.1、前端项目初始化步骤安装 Vue 脚手架通过 Vue 脚手架创建项目配置 Vue 路由配置 Element-UI 组件库配置 axios 库初始化 git 远程仓库将本地项目托管到github或码云中github 服务器为国外 码云 服务器为国内1. 安装 Vue 脚手架安装脚手架npm install -g @vue/cli2. 通过 Vue 脚手架创建...原创 2019-11-16 20:21:14 · 237 阅读 · 0 评论