开发一个前后端程序,技术栈采用如下:
- 后端采用Springboot框架,java开发。Springboot默认使用Apache Tomcat做服务器,但可以通过配置修改为Jetty
- 前端使用vue+elementUI做前端UI开发,使用nodejs+Epress搭建轻巧的web托管服务器,提供给浏览器访问前端
- 可视化开发工具使用IntelliJ IDEA, 为Springboot代码配置Maven编译器,因为Springboot默认使用Maven编译
Java JDK采用OpenJDK2.0.2版本
后端Springboot 使用Java注解构造远程访问接口映射,把URL地址映射到实际的函数上。
Epress 安装如下:
在本地已经安装好nodejs情况下,通过以下两条指令安装Epress
npm init -y
npm install express
Springboot 第一个例子可以参考
https://www.jetbrains.com/zh-cn/help/idea/your-first-spring-application.html#summary
Vue
Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。
Vue 只关注视图层, 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
Vue 学习起来非常简单,本教程基于 Vue3 以上版本测试
Vue 安装方法之一:
npm install vue -g
加-g 是表示安装到全局目录下,不加-g 则是安装到当前路径下。
创建vue项目:
安装Vue
npm create vue@latest
将安装create-vue,这是vue脚手架,同时将会提示创建工程目录
cd your-project-name
npm install
启动应用程序
npm run dev打包
npm run build