本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)

1,服务器所需安装程序

jdk,mysql,node.js选择默认安装就行

记得配置环境变量

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第1张图片

2,前端部署vue项目

在服务器上运行


  
启动前端
4.1新开一个命令行窗口
4.2定位到项目目录并安装依赖
  > cd 你自己的位置/antd-****
  > npm install
4.3依赖安装成功后执行启动命令
  > npm run serve
  # 显示如下内容说明本地启动成功
  # DONE Compiled successfully in 7515ms
  # Listening at http://localhost:8081
 

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第2张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第3张图片

3,后端springcloud开发的jar包

直接点run.bat(运行批处理文件),也可以用命令行java -jar clouddo-****.jar运行java程序

注册中心clouddo-server和网关 clouddo-zuul需要先启动,其他微服务无先后启动顺序

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第4张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第5张图片

4,安照上述步骤部署完成后演示效果如下:

<1>博客系统演示地址http://114.115.178.160:8300/index

效果如图

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第6张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第7张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第8张图片

博客后台

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第9张图片

《2》在线考试系统演示http://114.115.178.160:8200/index/main

演示效果如图:

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第10张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第11张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第12张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第13张图片

 

对应后台管理

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第14张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第15张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第16张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第17张图片

《3》商城演示系统地址http://114.115.178.160:8400/index

效果如图:

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第18张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第19张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第20张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第21张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第22张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第23张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第24张图片

商城后台管理系统

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第25张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第26张图片

《4》后台管理系统演示地址http://114.115.178.160:8100/login

效果如图:

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第27张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第28张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第29张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第30张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第31张图片

《5》实时聊天系统演示登入后台管理点击在线聊天

效果如图:

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第32张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第33张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第34张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第35张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第36张图片

本人写的springcloud后台微服务项目和vue前端项目(包含一个后台管理系统,一个在线考试系统,一个简单商城系统,一个个人博客系统,一个实时聊天系统)_第37张图片

以上就是我个人开发的整套springcloud微服务项目及前端vue项目

谢谢网友的阅读

代码地址:https://download.csdn.net/download/u010740917/10600137(这是原来旧的后台代码,新代码还在完善中以后上传)

                                                                                                                                                  此致:敬礼

                                                                                                                                                  感谢各位网友的阅读。

你可能感兴趣的:(springcloud,java,个人)