vue.js + vue-router + axios + element-ui + web api 跨域调用的小栗子

前言

一个月的时间，我从一个无人指点又没有战友的的前端小白摸爬滚打，一我的作出了一个有登陆，有权限，有增删改查的先后端分离的烂项目

虽然作了不少，也学到了不少，不过烂终究是烂，可能用户看不出来好很差，他们只会看美观不美观，可是个人内心实际上是一团糟，总以为哪哪都是麻绳，理不顺，凑活又能看懂，真的很难受

因此决定从头把已经实现过的功能，或是没能实现的功能再从新梳理一下

不过在这以前我是真的不敢想象本身能在这么短的时间内作到这一步的，由于个人前端基础真的差劲的厉害，因此说加油~只要有心，迟早会有些收获的

栗子功能简介

1.Vue 前端项目功能介绍

本栗子中咱们新手可能会关注的功能有：

• vue-router / 路由 小栗子
• axios / 发布后修改baseUrl 小栗子
• axios / 跨域请求 小栗子
• axios / get / post / delete 小栗子
• element-ui / 简单菜单样式小栗子
• element-ui / 分页查询小栗子
• element-ui / table查看明细小栗子
• element-ui / 表单验证小栗子
• element-ui / 表单重置小栗子

2.aps.net web api 项目功能介绍

本栗子中咱们新手可能会关注的功能有：

• webapi 容许跨域请求
• 数据库是ef用code first操做的一个.mdf

3.页面展现

添加

表单验证

添加成功

查询

明细

删除

4.Git

直接把连接放这里吧，实现方式都很普通，但愿有机会帮助到你们

这里是Vue.js前端项目连接

这里是webapi接口项目连接

结语

seaconch就不在这啰嗦啦，上述的功能在小栗子中都已经实现，也是seaconch目前已有的一个月的Vue开发经验来讲感受相对起来比较清晰的小栗子啦

seaconch之后也会慢慢将还未添加进去的功能慢慢屡清楚后添加进小栗子当中的

一块儿加油吧~