Skip to content

开发指南

Ganxy edited this page Feb 20, 2024 · 4 revisions

欢迎参与本站的更多优化和开发,以下内容适用于本站源文件的说明,在此之前,你应该拥有良好的编程习惯

本站是基于个人憧憬围绕学校意见组织运营的门户网站

1. 开始参与

  • 安装Git
  • 安装Node.js和npm
  • 你应该具备一些Git命令的知识
  • 编辑开发工具(建议VSCode)

2. 开发

git clone https://github.com/Ganxy03/xh_web.git # clone 仓库
npm install # 安装依赖(或yarn,国内用户也可使用 [cnpm](https://cnpmjs.org/))
npm run dev # 启动开发环境,本地访问(http://localhost:40127)

在完成开发后,发起 PR review 无误后,将合并入主仓库,访问域名:互联网信息协会

2.1 导入数据库

找到仓库SQL目录 将xh_web.sql数据库文件导入本地

2.2本地部署预览

找到仓库SpringBoot目录

先检查java版本:(需大于17)

java --version

进入target目录 执行:
java -jar xh_website-0.0.1-SNAPSHOT.jar

利用小皮面板 部署vue项目
找到仓库dist目录 创建站点

配置伪静态
location / {
  if (!-e $request_filename) {
    rewrite  ^(.*)$ /index.html?s=/$1  last;
    break;
  }
}

重启web服务器便部署成功

2.3 前端本地开发

2.3.1 编译

npm install 

2.3.2 开发模式

npm run dev

2.3.2 生产模式

npm run prod

2.3.3 生产打包

npm run build

2.3.4 开发打包

npm run test