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之後也會慢慢將還未添加進去的功能慢慢屢清楚後添加進小栗子當中的

一塊兒加油吧~