undraw_dashboard_nklg.png

服务器配置

建议的服务器最低配置:

类型 建议最低配置
操作系统 CentOS 8.2
CPU 4核
内存 8G
带宽 5M
硬盘 100G

环境准备

在部署项目之前,我们会默认你已经安装并拥有项目所依赖的环境:

  1. JDK >= 1.8 (推荐1.8版本)
  2. Mysql >= 5.7.0 (推荐5.7版本)
  3. Redis >= 3.0
  4. Maven >= 3.0
  5. Node >= 10运行

注:至于如何进行环境配置,请自行咨询度娘。

运行系统

后端运行

  • 导入 IDEA
  • 创建数据库 LW-vue 并导入数据脚脚本
  • 打开运行 com.linkwechat.LinkWeChatApplication.java

前端运行

  1. # 进入项目目录
  2. cd linkwe-ui
  3. # 安装依赖
  4. npm install
  5. # 强烈建议不要用直接使用 cnpm 安装,会有各种诡异的 bug,可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
  6. npm install --registry=https://registry.npm.taobao.org
  7. # 本地开发 启动项目
  8. npm run serve

打开浏览器,输入 http://localhost:80,默认账密为:admin/123456

若能正确展示登录页面,并能成功登录,菜单及页面展示正常,则表明环境搭建成功。

必要配置

1、修改数据库连接

  • 编辑 resources 目录下的 application.yml
  • url : 服务器地址
  • username : 账号
  • password: 密码

2、开发环境配置

  • 编辑 resources 目录下的 application.yml
  • port : 端口
  • context-path : 部署路径

部署系统

后端部署

  • 在项目的目录下执行 bin/package.bat 命令
  • 然后会在项目下生成 target 文件夹包含 warjar(多模块生成在 linkwe-admin
  • jar 部署方式:使用命令行执行 java –jar LinkWeChat.jar
  • war 部署方式:pom.xml packaging 修改为 war 放入 tomcat 服务器 webapps

    前端部署

当项目开发完毕,只需要运行一行命令就可以打包你的应用:

  1. # 打包正式环境
  2. npm run build:prod
  3. # 打包预发布环境
  4. npm run build:stage

构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 .js.cssindex.html 等静态文件。

通常情况下 dist 文件夹的静态文件发布到你的 nginx 或者静态服务器即可,其中的 index.html 是后台服务的入口页面。