# 林大1月实训计划

**Repository Path**: begit/ld_plane01

## Basic Information

- **Project Name**: 林大1月实训计划
- **Description**: 林大1月实训计划
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-12-01
- **Last Updated**: 2021-12-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 林大1月实训计划

## 1月实训计划

![image-20211202085231670](README.assets/image-20211202085231670.png)

### 页面原型

快速体验：[手机产品网](http://119.23.55.53/myprojects/%E6%89%8B%E6%9C%BA%E4%BA%A7%E5%93%81%E5%AE%98%E6%96%B9%E7%BD%91%E7%AB%99/index.html)

### 前言

我们实现一个响应式的BS架构和前后端分离的结构。

### 项目介绍

phonePro是一个响应式手机，PC，平板多端兼容的手机产品主页。包括注册，登录，关于，产品中心，新闻中心，服务支持，联系我们等子系统。

## 项目演示

### PC页面

![image-20211201220815148](README.assets/image-20211201220815148.png)

![image-20211201220849416](README.assets/image-20211201220849416.png)

### 手机

![image-20211201220949182](README.assets/image-20211201220949182.png)

![image-20211201221001306](README.assets/image-20211201221001306.png)

### 后台风格

![后台管理系统功能演示](README.assets/mall_admin_show.png)

## 技术选型

### 后端技术

| 技术             | 说明                | 官网                                           |
| ---------------- | ------------------- | ---------------------------------------------- |
| SpringBoot       | 容器+MVC框架        | https://spring.io/projects/spring-boot         |
| MyBatis          | ORM框架             | http://www.mybatis.org/mybatis-3/zh/index.html |
| MyBatisGenerator | 数据层代码生成      | http://www.mybatis.org/generator/index.html    |
| Nginx            | 静态资源服务器      | https://www.nginx.com/                         |
| Druid            | 数据库连接池        | https://github.com/alibaba/druid               |
| Lombok           | 简化对象封装工具    | https://github.com/rzwitserloot/lombok         |
| PageHelper       | MyBatis物理分页插件 | http://git.oschina.net/free/Mybatis_PageHelper |
| Swagger-UI       | 文档生成工具        | https://github.com/swagger-api/swagger-ui      |

### 前端技术

| 技术       | 说明             | 官网                                                  |
| ---------- | ---------------- | ----------------------------------------------------- |
| Vue        | 前端框架         | https://vuejs.org/                                    |
| Vue-router | 路由框架         | https://router.vuejs.org/                             |
| Vuex       | 全局状态管理框架 | https://vuex.vuejs.org/                               |
| Element    | 前端UI框架       | [https://element.eleme.io](https://element.eleme.io/) |
| Axios      | 前端HTTP框架     | https://github.com/axios/axios                        |

## 环境搭建

### 开发工具

| 工具          | 说明              | 官网                                            |
| ------------- | ----------------- | ----------------------------------------------- |
| IDEA          | 开发IDE           | https://www.jetbrains.com/idea/download         |
| X-shell       | Linux远程连接工具 | http://www.netsarang.com/download/software.html |
| Navicat       | 数据库连接工具    | http://www.formysql.com/xiazai.html             |
| PowerDesigner | 数据库设计工具    | http://powerdesigner.de/                        |
| Axure         | 原型设计工具      | https://www.axure.com/                          |
| MindMaster    | 思维导图设计工具  | http://www.edrawsoft.cn/mindmaster              |
| ScreenToGif   | gif录制工具       | https://www.screentogif.com/                    |
| ProcessOn     | 流程图绘制工具    | https://www.processon.com/                      |
| Snipaste      | 屏幕截图工具      | https://www.snipaste.com/                       |
| Postman       | API接口调试工具   | https://www.postman.com/                        |
| Typora        | Markdown编辑器    | https://typora.io/                              |

### 开发环境

| 工具  | 版本号 | 下载                                                         |
| ----- | ------ | ------------------------------------------------------------ |
| JDK   | 1.8    | https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html |
| Mysql | 5.7    | https://www.mysql.com/                                       |
| Nginx | 1.10   | http://nginx.org/en/download.html                            |

## 搭建步骤

### Jdk11生成jre

```
tar zxvf jdk-11.0.8_linux-x64_bin.tar.gz 
cd jdk-11.0.8/
bin\jlink --module-path jmods --add-modules java.desktop --output jre
```

### 配置jdk环境变量

```
export JAVA_HOME=/root/jdk-11.0.8
export JRE_HOME=$JAVA_HOME/jre
export PATH=$JAVA_HOME/bin:$PATH
export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar
source /etc/profile
java -version
```

### Springboo启动

$ nohup java -jar test.jar >temp.txt &