SPA项目(1)
秃头使我变强
这个作者很懒,什么都没留下…
展开
-
使用vue-cli来搭建spa项目
文章目录SPA项目搭建路由嵌套案例SPA项目搭建前提:搭建好NodeJS环境什么是vue-cli?vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:vue init webpack xxx注1:xxx 为自己创建项目的名称注2:必须先安装vue,vue-cli,webpack,node等一些必要的环境安装vue-cli...原创 2019-09-25 00:57:59 · 120 阅读 · 0 评论 -
SPA项目开发之登录注册
文章目录1、spa项目完成登录注册布局1.1 在之前搭建好的spa项目中安装开发模块1.2 引入main.js配置1.3 配合element-ui写登录和注册组件2.Spa项目完成登录和注册功能2.1导入api文件下的:2.2引入main.js配置2.3 前端代码准备完成,准备后台代码。用户登录:用户注册3.This 指针变量污染4.ajax 跨域问题5.axios 的 get/post 的区别(...原创 2019-09-26 21:58:48 · 4597 阅读 · 0 评论 -
SPA项目之首页导航+左侧树菜单
文章目录1.mockjs的使用1.1 安装mockjs依赖1.2 配置mock开发环境1.3 mock的使用2. 首页导航+左侧菜单布局2.1 导入必要图片资源和自定义组件3. 左侧树菜单的收缩3.1 定义出一个总线 Bus3.2 存值取值1.mockjs的使用1.1 安装mockjs依赖在对应的spa项目中调出命令窗口输入 npm install mockjs -D1.2 配置mock开...原创 2019-09-27 12:13:00 · 192 阅读 · 0 评论 -
SPA开发项目之动态树、数据表格、分页
文章目录1、动态树功能2、数据表格+分页查询1、动态树功能紧接着我们上次的内容首页导航+左侧树,这回我们来讲怎么将左侧树变成动态的。注:记得要将上回打开的mockjs关闭修改LeftNav组件:1、修改左侧树样式<el-submenu index="1"> <template slot="title"> <i class="el-icon...原创 2019-09-28 20:52:17 · 81 阅读 · 0 评论 -
SPA项目开发之表单验证及CRUD
文章目录1. 表单验证1.1 写编辑界面1.2 在data中添加各种数据和表单验证格式rules1.3 添加增加、修改、删除按钮:1.4 完整代码+页面展示2.CRUD1. 表单验证在上次的基础上我们这次新增表单验证的功能:1.1 写编辑界面<!-- 编辑界面 --> <el-dialog :title="title" :visible.sync="editForm...原创 2019-09-30 10:58:52 · 97 阅读 · 0 评论