vue框架可以配合php做企业站,基于Vue和PHP打造前后端分离的通用管理系统（一）...

实用人群

适合小白入门，高手请绕行

技术栈

javascript vuejs webpack babel eslint nodejs axios

php mysql redis

git vagrant centos

整体思路

git负责版本控制，这个算是标配

前台: 使用vuejs框架，用javascript语言打造，UI使用ElementUI。webpack babel eslint nodejs 服务于javascript代码编写。

后台: 用PHP作，mysql数据库，redis缓存，运行在装有centos系统虚拟机中，通过vagrant管理虚拟机

return {

// 需要渲染的界面

view: {

// 界面名称

name: 'Table'

// 界面的配置信息

column: [

...

]

// ...

// 需要渲染的数据列表

rows: [

...

//提示信息

message: '...',

status: true

}

环境搭建

为方便新手入门，本文在windows环境下进行。软件统一安装到D:\Server目录下

1. 创建工作目录

在D盘创建Server目录，用于搭建工作环境

2. 安装git

在git首页下载相应位数(64/32)的Windows版git，

然后一路下一步安装，注意选择安装位置。

调出命令行(win+r输入cmd)输入 git --version 显示git版本号即可。

3. 安装Nodejs和Vue

在nodejs首页下载，一路next，注意选择安装位置。

命令行输入 node -v 显示node版本号。

命令行输入 npm --v 显示npm版本号即可。

在D:\Server\nodejs目录下下建立"node_global"及"node_cache"两个文件夹。然后命令行输入:

npm config set prefix "D:\Server\nodejs\node_global"

npm config set cache "D:\Server\nodejs\node_cache"

桌面/我的电脑/右键【属性】/高级系统设置/高级/环境变量

用户变量Path中 C:\...npm 替换为D:\Server\nodejs\node_global

系统变量增加NODE_PATH=D:\Server\nodejs\node_global

可以通过 npm config get prefix查看设置情况

输入npm install --global vue-cli测试一下(不改源，需要喝杯水的时间...)

正常的话，vue就安装完成了，下一步在浏览器插件商店中找到并安装vue-devtools

恭喜，前端环境搭建基本完成

vue框架可以配合php做企业站,基于Vue和PHP打造前后端分离的通用管理系统（一）...相关推荐

黑加仑妞使用vue+flask做全栈开发的全过程（实现前后端分离）
黑加仑妞使用vue+flask做全栈开发的全过程(实现前后端分离) 花了几天的时间终于在本地把前后端跑通了,以一篇博客记录我这几天的心酸... 1.安装nodejs(自带npm,可能会出现版本错误, ...
视频教程-springboot+Vue整合前后端分离权限后台管理系统-Java
springboot+Vue整合前后端分离权限后台管理系统拥有八年的Java项目开发经验,擅长Java.vue.SpringBoot.springCloud.spring.springmvc.myb ...
视频教程-SpringBoot+Security+Vue前后端分离开发权限管理系统-Java
SpringBoot+Security+Vue前后端分离开发权限管理系统 10多年互联网一线实战经验,现就职于大型知名互联网企业,架构师, 有丰富实战经验和企业面试经验:曾就职于某上市培训机构数年,独 ...
【JAVA程序设计】基于SSM+VUE前后端分离的物流管理系统
基于SSM+VUE前后端分离的物流管理系统零.项目获取一.项目简介二.开发环境三.项目技术四.系统架构五.运行截图零.项目获取获取方式(点击下载):是云猿实战项目经过多人测试运行,可 ...
酒店管理|基于Springboot+Vue前后端分离实现酒店管理系统
作者主页:编程指南针作者简介:Java领域优质创作者.CSDN博客专家 .掘金特邀作者.多年架构师设计经验.腾讯课堂常驻讲师主要内容:Java项目.毕业设计.简历模板.学习资料.面试题库.技术互助 ...
鸿鹄工程项目管理系统 Spring Cloud+Spring Boot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统
鸿鹄工程项目管理系统 Spring Cloud+Spring Boot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统 1. 项目背景一.随着公司的快速发展,企业人员和经 ...
【毕业设计-免费】springboot+vue前后端分离-酒店客房管理系统
前言 [毕业设计-免费]springboot+vue前后端分离-酒店客房管理系统-免费
前后端分离微服务管理系统项目实战SaaS-HRM项目(二)——数据库设计与前端框架
文章目录二.数据库设计与前端框架 1.多租户SaaS平台的数据库方案 <1>.多租户概述 <2>.需求分析 <3>.多租户的数据库方案分析 (1).独立数据库 ( ...
基于springboot 快速搭建简单前后端分离项目-后台框架
目录 1.新建project 2.选择依赖 3.简单配置 4.数据库准备 5.完成后台逻辑代码 5.1创建java实体对象 5.2创建repository 5.3单元测试 5.4编写controlle ...

vue框架可以配合php做企业站,基于Vue和PHP打造前后端分离的通用管理系统（一）...

vue框架可以配合php做企业站,基于Vue和PHP打造前后端分离的通用管理系统（一）...相关推荐

最新文章

热门文章