调问是前后端全部开源的问卷系统,也包括了投票、考试、测评等场景的应用,用源码打包的步骤总结如下:
1、准备环境
本地开发IDE建议使用 IntelliJ IDEA
开发前配置准备开发所需要的环境,主要包括JAVA、MAVEN、NODE.JS(NPM)、GIT
这些对于开发者来说应该都已经具备了,这里就不再详细说明。
2、代码仓库
前端仓库
https://gitee.com/wkeyuan/dwsurvey-vue
后端仓库
https://gitee.com/wkeyuan/DWSurvey
3、前端编译
//1、下载前端源码
git clone https://github.com/wkeyuan/DWSurvey_Vue
//2、进入 dwsurvey_vue 前端源码目录
cd DWSurvey_Vue
//3、安装依赖,在DWSurvey_Vue目录执行安装依赖
npm install
//4、发布
npm run dev
执行完以下命令后,在DWSurvey_vue目录即可以看到dist目录,为编译后打包的前端文件。
针对本地开发环境,只需要修改config/index.js target为后端服务器地址,其意思表示访问前端8081/api,会被代理到后端服务器上 。
修改配置文件 config/index.js
//文件地址:config/index.js
proxyTable: {
'/api': {
target: 'http://localhost:8080/',###
changeOrigin: true,//如果需要跨域
pathRewrite: {
'^/api': '/api'
}
}
}
修改 target 为你后端服务地址,注:本地开发只需要修改这个参数
4、后端编译
//1、下载后端源码(建议退回到前端的同级目录,保持前后端代码都在同一级目录)
git clone https://github.com/wkeyuan/DWSurvey
//2、进入 dwsurvey 后端源码目录
cd DWSurvey
//3、复制前端编译后的文件到后端resource/static目录。
cp -rp ./DWSurvey_Vue/dist/* src/main/resources/static/
//4、配置修改,默认使用的是dev配置,如果要修改为其它文件可以修改application.yml文件
vi src/main/resources/application-dev.yml
//5、打包编译,配置
mvn clean package
执行完成之后在DWSurvey目录会产生一个target目录,在target目录会产生一个jar,即为我们编译后的项目文件。
修改配置src/main/resources/application-dev.yml
,一般情况下需要修改的配置包括。
//文件地址:src/main/resources/application-dev.yml
//web地址,如果绑定了域名则为域名地址
dwsurvey.web.site-url: http://localhost:8080
//资源地址,通常为web地址
dwsurvey.web.resource-url: http://localhost:8080
//可选,指定启动服务占用的端口,默认值8080
server.port: 8080
//可选,数据库账号,默认值为root
spring.datasource.username: root
//可选,数据库账密码,默认值123456,.
spring.datasource.password: 123456
5、运行项目
idea 可以直接点右上角启动图标