图书馆管理系统 1.架构项目以及加搭建项目

项目架构图

技能栈

后端

  

1. 开发语言：java
2. 开发环境：jdk11.0.12
3. 开发工具：IntelliJ IDEA 2022.2.4
4. 项目管理工具：maven
5. 集成框架：springboot
6. 权限控制框架：springSecurity
7. 数据库：mysql
8. 数据库框架：mybatis-plus
9. 文件储存技术：fastdfs
10. 工具：lombok、fastJSON、easyexcel

复制代码

前端 

  

1. 开发语言：JavaScript、html、css
2. 开发工具：IntelliJ IDEA 2022.2.4
3. 前端框架：vue3
4. 异步请求：axios
5. 路由：vue-router
6. 状态管理：pinia
7. 前端工程化：scss
8. 组件库：element-plus 、vant
9. 编辑器：tinymce
10. 可视化：echarts
11. 国际化：i18n

复制代码

搭建java后端【java-book-single】

1.创建项目

2.引入依靠

1. <?xml version="1.0" encoding="UTF-8"?>
2. <project xmlns="http://maven.apache.org/POM/4.0.0"
3.          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
4.          xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
5.     <modelVersion>4.0.0</modelVersion>
7.     <groupId>org.example</groupId>
8.     <artifactId>java-book-single</artifactId>
9.     <version>1.0-SNAPSHOT</version>
11.     <parent>
12.         <groupId>org.springframework.boot</groupId>
13.         <artifactId>spring-boot-starter-parent</artifactId>
14.         <version>2.7.8</version>
15.         <relativePath/>
16.     </parent>
18.     <dependencies>
19.         <!--  EasyExcel-->
20.         <dependency>
21.             <groupId>com.alibaba</groupId>
22.             <artifactId>easyexcel</artifactId>
23.             <version>2.0.5</version>
24.         </dependency>
25.         <!-- 发邮件 -->
26.         <dependency>
27.             <groupId>org.springframework.boot</groupId>
28.             <artifactId>spring-boot-starter-mail</artifactId>
29.         </dependency>
31.         <!-- FastDFS -->
32.         <dependency>
33.             <groupId>com.github.tobato</groupId>
34.             <artifactId>fastdfs-client</artifactId>
35.             <version>1.26.5</version>
36.         </dependency>
38.         <!--fastjson-->
39.         <dependency>
40.             <groupId>com.alibaba</groupId>
41.             <artifactId>fastjson</artifactId>
42.             <version>1.2.62</version>
43.         </dependency>
44.         <!-- spring security -->
45.         <dependency>
46.             <groupId>org.springframework.boot</groupId>
47.             <artifactId>spring-boot-starter-security</artifactId>
48.         </dependency>
49.         <!-- MyBatisPlus -->
50.         <dependency>
51.             <groupId>com.baomidou</groupId>
52.             <artifactId>mybatis-plus-boot-starter</artifactId>
53.             <version>3.4.2</version>
54.         </dependency>
55.         <!--mysql-->
56.         <dependency>
57.             <groupId>com.mysql</groupId>
58.             <artifactId>mysql-connector-j</artifactId>
59.             <scope>runtime</scope>
60.         </dependency>
61.         <!--thymeleaf-->
62.         <dependency>
63.             <groupId>org.springframework.boot</groupId>
64.             <artifactId>spring-boot-starter-thymeleaf</artifactId>
65.         </dependency>
66.         <!--lombok-->
67.         <dependency>
68.             <groupId>org.projectlombok</groupId>
69.             <artifactId>lombok</artifactId>
70.             <optional>true</optional>
71.         </dependency>
72.         <!--springMVC-->
73.         <dependency>
74.             <groupId>org.springframework.boot</groupId>
75.             <artifactId>spring-boot-starter-web</artifactId>
76.         </dependency>
77.         <!--springBoot起步依赖-->
78.         <dependency>
79.             <groupId>org.springframework.boot</groupId>
80.             <artifactId>spring-boot-starter</artifactId>
81.         </dependency>
82.         <!--test-->
83.         <dependency>
84.             <groupId>org.springframework.boot</groupId>
85.             <artifactId>spring-boot-starter-test</artifactId>
86.             <scope>test</scope>
87.         </dependency>
88.     </dependencies>
90.     <build>
91.         <plugins>
92.             <plugin>
93.                 <groupId>org.springframework.boot</groupId>
94.                 <artifactId>spring-boot-maven-plugin</artifactId>
95.                 <configuration>
96.                     <excludes>
97.                         <exclude>
98.                             <groupId>org.projectlombok</groupId>
99.                             <artifactId>lombok</artifactId>
100.                         </exclude>
101.                     </excludes>
102.                 </configuration>
103.             </plugin>
104.         </plugins>
105.     </build>
108. </project>

复制代码

3.搭建项目结构

   java/jkw
  --Config：设置类
  --Controller：控制层
  --Mapper：mybatis的mapper映射接口
  --Pojo：实体类
  --Security：springsecurity相关业务逻辑
  --Service：服务层
  --Utils：工具类
  --vo：封装类
  --Main：启动类
  
  resources
  --Law：mybatis的mapper映射实现
  --static：静态资源，一般是js和css文件
  --templates：动态资源，一般是页面，如html
  --application.yml：springboot设置文件
  

 
4.编写启动类

1. package jkw;
3. import com.baomidou.mybatisplus.annotation.DbType;
4. import com.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor;
5. import com.baomidou.mybatisplus.extension.plugins.inner.PaginationInnerInterceptor;
6. import org.mybatis.spring.annotation.MapperScan;
7. import org.springframework.boot.SpringApplication;
8. import org.springframework.boot.autoconfigure.SpringBootApplication;
9. import org.springframework.context.annotation.Bean;
11. @MapperScan("jkw.mapper")
12. @SpringBootApplication
13. public class Main {
14.     @Bean
15.     public MybatisPlusInterceptor mybatisPlusInterceptor() {
16.         MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();
17.         //分页插件
18.         interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.MYSQL));
19.         return interceptor;
20.     }
22.     public static void main(String[] args) {
23.         SpringApplication.run(Main.class, args);
24.     }
25. }

复制代码

5.编写设置文件

1. server:
2.   port: 8129
4. spring:
5.   datasource:
6.     driver-class-name: com.mysql.cj.jdbc.Driver
7.     url: jdbc:mysql://localhost:3306/book?serverTimezone=UTC&useUnicode=true&characterEncoding=utf-8
8.     username: root
9.     password: root
10.   # 打成jar包必须添加如下配置才能找到页面
11.   thymeleaf:
12.     mode: HTML
13.     cache: false
14.     prefix: classpath:/templates
16. #配置mybatis-plus(使用代码生成器时不要配置)
17. mybatis-plus:
18.   global-config:
19.     db-config:
20.       # 设置实体类所对应的表的统一前缀
21.       # table-prefix: t_
22.       # 主键生成策略为自增(属性只用加上@TableId  即可)
23.       id-type: auto
24.   configuration:
25.     # 关闭列名自动驼峰命名规则映射(列名的_自动映射成驼峰)(本项目中实体类和数据库表的列名一致，
26.     map-underscore-to-camel-case: false
27.     log-impl: org.apache.ibatis.logging.stdout.StdOutImpl #开启sql日志
29. # 分布式文件系统FDFS配置
30. fdfs:
31.   #读取时间
32.   so-timeout: 30000
33.   #连接超时时间
34.   connect-timeout: 60000
35.   # TrackerList路径,支持多个121.41.118.73
36.   tracker-list:
37.     - ip:22122
38.   # 自定义配置，文件访问路径(这个ip为nginx的ip)http://121.41.118.73:8888
39.   fileUrl: http://ip:8888
41. # 日志格式
42. logging:
43.   pattern:
44.     console: '%d{HH:mm:ss.SSS} %clr(%-5level) ---  [%-15thread] %cyan(%-50logger{50}):%msg%n'

复制代码

搭建vue后台【vue-jkw】

1.项目结构

2.引入依靠

  

1. cnpm install --save axios
2. cnpm install --save querystring
3. cnpm install vue-router@4 --save
4. cnpm install pinia --save
5. cnpm install --save pinia-plugin-persist
6. cnpm add sass -D
7. cnpm install element-plus --save
8. cnpm install @element-plus/icons-vue
9. cnpm install -D unplugin-vue-components unplugin-auto-import
10. cnpm i vant
11. cnpm i unplugin-vue-components -D
12. cnpm install tinymce@6.2.0 --save
13. cnpm install @tinymce/tinymce-vue@5.0.0 --save
14. cnpm install --save echarts
15. cnpm install --save vue-i18n@next
16. 解决问题【这俩反复安装】
17. cnpm install --save echarts
18. cnpm install --save vue-i18n@next

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。