Laravel5.6+CentOS7.6+Lnmp1.5+Vue6.9+Node10.15项目开发实录-03有用笔记

一,用LARAVEL和VUE开发应用学习思路

LARAVEL和VUE分别是后端和前端的核心框架,其他全都是围绕它们使用的一些项目,为了解决实际问题

Laravel后端:
laravel-dingo:前后端分离形式的架构,要找一个好用的API框架,注意路由别跟原生的混了。
laravel-cors:解决跨域问题,学习一下他人解决思路是很好的。
laravel-passport:有很多办法解决验证问题,它显得高大上一些。
laravel-prominssion:实现RBAC的权限管理模型,大神做的好轮子可以研究一下。
后端差不多这些就够了,用户验证直接用laravel的make:auth就行了。

VUE前端:
vue全家桶:vue-router/vuex/axios,其中vuex小型项目可以不需要,SPA应用必须用vue-router,axios解决ajax请求问题。
elementUI:跟vue搭配很好,iview和它有区别,也可以两个都试用下。
vue-cli3:前端用它创建项目,文档建议新人不要用。
js-cookie:处理cookie的轮子,比较好用。
electron-vue:跨平台打包应用。


二,VUE安装小记

1.安装Nodejs https://nodejs.org
2.安装python2.7 http://www.python.org/ftp/python/2.7.3/python-2.7.3.msi
3. 安装webpack

npm install -g webpack

3. 安装Vue-cli

npm install -g vue-cli

4. 建立一个simpleVue模板项目

vue init webpack newproject

5. 进入项目根目录

cd newproject

6. 安装项目依赖库文件

npm install

7. 安装element UI 库

npm i element-ui -S
npm i axios -S

8. 引入elementUI ,axios库到项目,在main.js文件中添加

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import axios from "axios";

Vue.prototype.$axios = axios;
Vue.use(ElementUI);

8. 开始运行

npm run dev

郑重声明:

1 本资源来源于互联网,资源的版权归资源原作者所持有,受《中华人民共和国著作权法》等相关法律保护。

2 由于无法和原作者取得联系,所以上传的部分资源无法先通过原作者的同意就分享给大家了,如本资源侵犯了您(原作者)的权益,请联系我们(微信号 xiaohaimei1989),我们会立马删除您的资源,并向您表达诚挚的歉意!

3 本站是一个公益型网站,分享资源的目的在于传播知识,分享知识,收取一点点打赏的辛苦费是用于网站的日常运营开支,并非用于商业用途。

4 本站资源只提供学习和参考研究使用,使用过后请在第一时间内删除。本站不承担资源被单位或个人商用带来的法律责任。

发表评论