Windows
| 程序 | 版本 | 说明 |
|---|---|---|
| Jdk | 1.8.0 161 | Java 开发工具包 |
| Mysql | 5.5.27 | 关系型数据库 |
| Apache-maven | 3.9.0 | Java 项目管理和构建工具 |
| Nvm | 1.10 | Node.js 版本管理器 |
| Node | 16.20.0 | Node.js JavaScript 运行时环境 |
| 工具 | 版本 | 说明 |
|---|---|---|
| IDEA | 2022.3.2 | 后前端开发IDE |
| Git | 2.24.1 | 代码托管平台 |
| Google Chrome | 75.0.3770.100 | 浏览器、前端调试工具 |
| Navicat | 11.1.13 | 数据库连接工具 |
| Postman | 7.1.0 | 接口测试工具 |
| VMware Workstation Pro | 14.1.3 | 虚拟机(未用到或许你会用到) |
| PowerDesigner | 15 | 数据库设计工具(未用到或许你会用到) |
| SQLyog | 12.0.3 | 数据库连接工具 (未用到或许你会用到) |
| Visio | 2013 | 时序图、流程图等绘制工具(未用到或许你会用到) |
| ProcessOn | —— | 架构图等绘制工具(未用到或许你会用到) |
| XMind ZEN | 9.2.0 | 思维导图绘制工具(未用到或许你会用到) |
| RedisDesktop | 0.9.3.817 | redis客户端连接工具(未用到或许你会用到) |
- 规范方式：严格遵守阿里编码规约。
- 命名统一：简介最大程度上达到了见名知意。
- 分包明确：层级分明可快速定位到代码位置。
- 注释完整：描述性高大量减少了开发人员的代码阅读工作量。
- 工具规范：使用统一jar包避免出现内容冲突。
- 代码整洁：可读性、维护性高。
+- student_server -- 服务端
+- src
| +- main
| | +- java
| | | +- com
| | | | +- augie
| | | | | +- student_server
| | | | | | +- controller -- 控制器类 负责接收和处理HTTP请求
| | | | | | +- entity -- 实体类
| | | | | | +- mapper -- MyBatis框架的数据访问层
| | | | | | +- service -- 服务类 程序的业务逻辑 与控制器类和数据访问层的服务交互
| | | | | | +- StudentServerApplication.java -- 应用程序入口类
| | +- resources
| | +- mapper -- MyBatis Mapper XML文件 数据库访问
| | +- application.yml -- 应用程序的配置信息
| +- test
| | +- java -- 测试代码
+- target -- Maven建项目时自动生成的目录
+- 数据库脚本
+- .gitignore -- 指定需要 Git 忽略的文件或目录
+- LICENSE -- 开源软件的授权协议
+- pom.xml --
+- README.en.md -- 项目的相关信息文档 英文
+- README.md -- 项目的相关信息文档
+- student_client -- 客户端
+- public -- 公共的静态资源文件夹 不需要经过 Webpack 打包处理
+- favicon.ico -- 网站的图标
+- index.html -- 项目的默认页面 整个应用的入口页面
+- src
+- assets -- 静态资源文件 如图片、字体等
+- components -- Vue 组件
+- plugins -- 插件
+- router -- 路由配置
+- store -- Vuex 状态管理模式
+- views -- 页面级组件
+- App.vue -- 根组件 协调整个应用程序的视图和管理应用程序的状态
+- main.js -- 项目的入口文件
+- .gitignore -- 指定需要 Git 忽略的文件或目录
+- babel.config.js -- 配置 Babel 编译器的 JavaScript 配置文件
+- LICENSE -- 开源软件的授权协议
+- packge.json -- 项目元数据的文件 用于描述 Node.js 应用程序或模块的属性
+- packge-lock.json -- 锁定当前安装的包的版本号和依赖关系
+- READE.md -- 项目的相关信息文档
| 技术 | 版本 | 说明 |
|---|---|---|
| spring-boot-starter-web | 未指定 | Spring Boot Web 框架的基础组件 |
| mybatis-spring-boot-starter | 2.2.2 | MyBatis 和 Spring Boot 的集成组件 |
| mysql-connector-java | 未指定 | MySQL 数据库驱动 |
| lombok | 未指定 | Java 实体类代码简化工具 |
| spring-boot-maven-plugin | 未指定 | Spring Boot Maven 插件，用于打包和运行 Spring Boot 应用程序 |
| 技术 | 版本 | 说明 |
|---|---|---|
| core-js | ^3.6.5 | JavaScript 标准库 |
| element-ui | ^2.4.5 | 基于 Vue.js 的组件库 |
| vue | ^2.6.11 | 渐进式 JavaScript 框架 |
| vue-router | ^3.2.0 | Vue.js 的官方路由管理器 |
| vuex | ^3.4.0 | Vue.js 的官方状态管理库 |
| @vue/cli-plugin-babel | ~4.5.0 | Vue CLI 的 Babel 插件 |
| @vue/cli-plugin-router | ~4.5.0 | Vue CLI 的路由插件 |
| @vue/cli-plugin-vuex | ~4.5.0 | Vue CLI 的 Vuex 插件 |
| @vue/cli-service | ~4.5.0 | Vue CLI 的核心服务 |
| axios | ^0.18.0 | 基于 Promise 的 HTTP 库 |
| vue-cli-plugin-axios | ^0.0.4 | Vue CLI 的 Axios 插件 |
| vue-cli-plugin-element | ^1.0.1 | Vue CLI 的 Element UI 插件 |
| vue-template-compiler | ^2.6.11 | 编译 Vue.js 模板的编译器 |
- 1.数据库：在navicat中运行数据库脚本生成对应的数据库表
- 2.后台启动：导入项目，在src/main/resources/application.yml文件里更改数据库名称或数据库密码,进入控制台，到项目所在路径，执行命令：mvn clean spring-boot:run
- 3.前台启动：导入项目，进入控制台，到项目所在路径，执行命令：npm install 后 npm run serve，访问对应的地址进入到登录界面
- 4.登录用户名密码如下
用户id:1
用户密码：1234
用户类型: 学生
用户id:4
用户密码：1234
用户类型: 教师
用户id:6
用户密码：123
用户类型: admin
- babel.config.js的作用
babel.config.js 是用来配置 Babel 编译器的 JavaScript 配置文件，主要用于将新版本的 JavaScript 代码转换为低版本的 JavaScript 代码，从而实现浏览器兼容性。在 Vue 项目中，Babel 被用来转换 ES6/ES2015+ 代码到 ES5 代码，这样浏览器就可以支持这些新的 JavaScript 特性。
在 babel.config.js 文件中，可以配置 Babel 的插件和预设，以及其他选项，如：
presets：指定一组预设，用来转换代码。
plugins：指定一组插件，用来扩展 Babel 的功能。
include：指定需要进行 Babel 转换的文件目录。
exclude：指定不需要进行 Babel 转换的文件目录。
总之，babel.config.js 的作用是帮助开发者在项目中使用最新的 JavaScript 特性，同时确保代码可以在大多数浏览器中运行。
- packge.json的作用
package.json 是一个包含项目元数据的文件，用于描述 Node.js 应用程序或模块的属性。它通常位于项目的根目录下，并且是每个 Node.js 项目的必备文件之一。其主要作用包括：
1. 用于记录应用程序或模块的名称、版本、描述、作者、许可证等元数据信息。
2. 定义项目的依赖项和开发依赖项，以及它们的版本号和版本范围。
3. 定义脚本命令，以便于在项目中使用 npm 执行一些常见的任务，例如测试、构建、运行等。
4. 允许其他人轻松地了解你的项目，并根据其信息进行安装、使用、修改或贡献。
在一个 Vue 项目中，package.json 文件通常会包含有关 Vue.js 的相关依赖以及其他与项目相关的依赖信息。
通常情况下，你可以通过修改 package.json 文件中的依赖项来安装新的依赖项或更新现有的依赖项。同时，
你也可以在其中定义一些自定义的脚本命令来运行你的 Vue.js 项目的不同构建任务，例如打包、测试等。
- packge-lock.json
package-lock.json 文件是 npm5+ 版本引入的一种新的文件，用于锁定当前安装的包的版本号和依赖关系，确保团队中每个人在使用相同的依赖版本时，构建的结果始终一致。它记录了包的版本、依赖关系和下载地址等信息，防止因为依赖关系不一致而导致的构建失败、安装包版本不一致等问题。
package-lock.json 文件会在 npm install 命令执行时自动生成和更新。当安装依赖时，npm会查找 package.json 中所列出的依赖包和版本，然后将这些依赖包及其依赖包的依赖包下载并安装到本地的 node_modules 目录中，并在生成 package-lock.json 文件时记录这些依赖包的版本和依赖关系。当其他开发者下载这个项目时，只需要运行 npm install 命令就可以安装相同版本的依赖包，以保证开发环境的一致性。