前后分离 php,基于Vue和PHP打造前后端分离的通用管理系统（一）

Love The Way You Lie 2022-11-12 08:28 575阅读 0赞

实用人群

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

技术栈

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

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

发表评论取消回复

表情：

评论列表（有 0 条评论，575人围观）

还没有评论，来说两句吧...

相关阅读

相关基于Springboot+Vue实现前后端分离酒店管理系统

基于SpringBoot Vue酒店管理系统角色：管理员、工作人员、用户管理员：统计图表、个人中心、工作人员管理、用户管理、客房类型管理、酒店客房管理、酒店客房、客房预定...

拼搏现实的明天。/ 2024年05月05日 22:07/ 0 赞/ 92 阅读

相关基于SpringBoot+Vue实现前后端分离的健身房管理系统

基于SpringBoot+Vue实现前后端分离的健身房管理系统管理员：统计图表、个人中心、会员管理、教练管理、余额充值管理、会员类型管理、会员办卡管理、到期提醒管理、会员...

向右看齐/ 2024年05月05日 22:06/ 0 赞/ 86 阅读

相关基于Springboot+Vue实现前后端分离社团管理系统

基于SpringBoot Vue大学生社团管理平台管理员：统计图表、个人中心、用户管理、社团管理员管理、社团类型管理、社团信息管理、活动分类管理、社团活动管理、申请加入...

浅浅的花香味﹌/ 2024年05月05日 22:01/ 0 赞/ 84 阅读

相关 python实现前后端学生管理系统(前后端分离)

> ⭐作者介绍：大二本科网络工程专业在读，持续学习Java，努力输出优质文章 > ⭐作者主页：[@逐梦苍穹][Link 1] > ⭐所属专栏：[项目][Link 2]。

末蓝、/ 2024年03月17日 19:13/ 0 赞/ 72 阅读

相关 vue前后分离session实现_超高效 Vue 前后端分离cms管理系统LinCMS-Vue

今天给大家分享一款超优质的Vue内容管理系统框架LinCMSVue。 ![7f4b9a477d4989d9c9ffd2b6aeff52ac.png][] lin-cms-v

男娘i/ 2023年01月03日 01:37/ 0 赞/ 240 阅读

相关 php分前后端吗,前后端分离和不分离的区别是什么

区别：前后端不分离中，前端页面看到的效果都是由后端控制，由后端渲染页面或重定向，即后端需要控制前端的展示，前端与后端的耦合度很高。前后端分离中，后端仅返回前端所需的数据，不再渲

谁借莪１个温暖的怀抱￠/ 2022年11月12日 08:28/ 0 赞/ 636 阅读

相关前后分离 php,基于Vue和PHP打造前后端分离的通用管理系统（一）

实用人群适合小白入门，高手请绕行技术栈 javascript vuejs webpack babel eslint nodejs axios php mysql r

Love The Way You Lie/ 2022年11月12日 08:28/ 0 赞/ 576 阅读

相关基于 Vue+Spring 前后端分离管理系统ELAdmin

![0fe3776268e98e9f9aaa4fe8cdb28bb8.png][] 嗨喽！Java后端编程的各位小伙伴们，由于公众号做了乱序推送改版，为了保证公众号的推文能够

╰半夏微凉°/ 2022年08月29日 00:20/ 0 赞/ 253 阅读

相关前后端分离

转自：https://www.jianshu.com/p/21775989ec46 自从AJAX大行其道，前后端分离开发模式已是大势所趋，这里笔者针对对前后端分离开发模式谈谈

红太狼/ 2022年05月29日 02:51/ 0 赞/ 530 阅读

相关前后端分离

前端客户端,后端服务器端,spring cloud实现为服务之间的通讯.类似于zookeeper跟dubbox,通过用js掉api前后端交互.![watermark_ty

淡淡的烟草味﹌/ 2022年04月10日 06:10/ 0 赞/ 488 阅读