來源：blog.csdn.net/Gaowumao?type=blog

難度分析

雖然但是聽到這個消息的時候，內心還是挺震驚的，畢竟是一個完整的管理系統(tǒng)，功能界面還不能太過簡陋。而且從數(shù)據(jù)庫設計到整個系統(tǒng)的交付全由自己一人完成，挑戰(zhàn)效果直接拉滿！但是冷靜下來思考一下，其實也并不是很難，整體的項目流程即為：設計——>文檔——>編碼——>交付。整體的流程劃清之后，就開始一步步從無到有的實現(xiàn)，沒想到到最后一步的時候，我竟然才用一天半的時間??！后面又用了半天的時間對整體的項目做了一個優(yōu)化處理！

項目回顧

最終效果演示：

技術選型：

• SpringBoot

• Thymeleaf

• mybatis-Plus

• MySQL

• PageHelper

• Lombok

• Redis（后期頁面優(yōu)化使用）

項目業(yè)務流程簡介

登錄模塊、用戶模塊管理以及對用戶的角色分配，新聞公告模塊的管理、商品模塊（包括對商品、商品分類、訂單）的管理、角色模塊的管理；對于前端某資源是否有權限操作該資源，使用的是thymeleaf模板語法進行判斷鑒別以及文件上傳等基本功能。

項目搭建(使用模板引擎)

1. 首先創(chuàng)建Maven項目

引入相應的依賴，構建所需文件目錄

2. 編寫yaml配置文件

server:
port: 8080

mybatis-plus:
mapper-locations: classpath*:/mapper/**/*.xml


3. 項目初期基本搭建

在搭建一個項目的初期，為了讓系統(tǒng)顯得更規(guī)范化，我一般會提前做好基礎的配置和聲明，一個項目從開始設想時所涉及到技術以及這些技術對應的一些基礎配置，都要提前規(guī)劃清楚（個人習慣）。比如：異常處理、攔截器、過濾器、常量類等等。

①異常處理

@ControllerAdvice
public class exceptionHandler {

return mv;
}
}


② 攔截器

攔截器主要是對一些資源做的處理，類似于某些資源需要用戶登錄后才能訪問的，某些是不需要的，比如：登錄功能就不需要有所攔截，而對用戶的各種管理就需要添加攔截操作，這樣才能使系統(tǒng)的安全性有所提高。

登錄攔截

public class LoginInterceptor extends HandlerInterceptorAdapter {

@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
if (request.getSession.getAttribute(\"user\") == ){
response.sendRedirect(\"/api\");
return false;
}
return true;
}
}


資源放行

@Configuration
public class WebConfig extends WebMvcConfigurerAdapter {

@Override
public void addInterceptors(Interceptorregistry registry) {
registry.addInterceptor(new LoginInterceptor)
.addPathPatterns(\"/api/**\")
.excludePathPatterns(\"/api\",\"/api/doLogin\");
}
}


4. 編寫Controller前端控制器代碼

首先創(chuàng)建一個FileController類

① 跳轉文件上傳的頁面

//跳轉文件上傳的頁面
@RequestMapping(\"/File-upload\")
public StringuserList{
return \"file-upload\";
}


② 實現(xiàn)文件上傳的功能

@RequestMapping(\"/doAddForUser\")
public String doAdd(User user, @RequestParam(\"file\") MultipartFile files, HttpServletRequest request) throws IOException {
//String path = ;
if (files != && !files.isEmpty){
String name = UUID.randomUUID.toString.replace(\"-\",\"\");
//獲取文件的擴展名
String ext = FilenameUtils.getExtension(files.getOriginalFilename);
//設置文件上傳的路徑
String url =request.getSession.getServletContext.getRealPath(\"/upload/\");

user.setId(UUID.randomUUID.toString);
String salt = PasswordUtils.getSalt;
String password = user.getPassword;
String encode = PasswordUtils.encode(password, salt);
user.setSalt(salt) ;
user.setPassword(encode);
user.setCreateTime(new Date);
userService.save(user);
return \"redirect:/api/users\";
}


注：如何想要實現(xiàn)多文件上傳需要更改的地方如下：

③ 實現(xiàn)多文件上傳功能

在這個項目中并未實現(xiàn)多文件上傳功能

private void commons(Object obj, @RequestParam(\"file\") CommonsMultipartFile files, HttpServletRequest request) throws IOException {
//String path = ;
for (int i = 0; i < files.length; i ) {

if (i == 0){
obj.setUrl1(request.getContextPath \"/upload/\" name \".\" ext);
}
if (i == 1){
obj.setUrl2(request.getContextPath \"/upload/\" name \".\" ext);
}
if (i == 2){
obj.setUrl3(request.getContextPath \"/upload/\" name \".\" ext);
}
if (i == 3){
obj.setUrl4(request.getContextPath \"/upload/\" name \".\" ext);
}
if (i == 4){
obj.setUrl5(request.getContextPath \"/upload/\" name \".\" ext);
}
}
}
}


5. 項目優(yōu)化

對于前后端不分離的項目，多數(shù)使用的是頁面緩存優(yōu)化，當系統(tǒng)某一瞬間遭受巨大流量時，當?shù)谝粋€用戶進行頁面訪問時可以將該頁面數(shù)據(jù)進行緩存，這樣，后來的用戶訪問到的頁面都是從緩存中獲取的，這樣就減少了 對數(shù)據(jù)庫的操作，減輕了數(shù)據(jù)庫的壓力，從而達到優(yōu)化的處理。

① 導入依賴

<!--redis-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-data-redis</artifactId>
</dependency>
<!--commons-pools2 對象池依賴-->
<dependency>
<groupId>org.apache.commons</groupId>
<artifactId>commons-pool2</artifactId>
</dependency>


② yaml配置

## Redis配置
redis:
# 服務器地址
host: localhost
# 端口
port: 6379
# 數(shù)據(jù)庫
database: 0
# 超時時間
connect-timeout: 10000ms
lettuce:
pool:
# 最大連接數(shù)
max-active: 8
# 最大連接阻塞等待時間 默認 -1
max-wait: 10000ms
# 最大空閑時間 默認8
max-idle: 200
# 最小空閑連接 默認8
min-idle: 5


④ Redis序列化處理

@Configuration
public class RedisConfig {

@Bean
public RedisTemplate<String,Object> redisTemplate(RedisConnectionFactory redisConnectionFactory){
RedisTemplate<String,Object> redisTemplate = new RedisTemplate<>;
//key序列化
redisTemplate.setKeySerializer(new StringRedisSerializer);
//value序列化
redisTemplate.setValueSerializer(new GenericJackson2JSONRedisSerializer);
//hash類型key的序列化
redisTemplate.setHashKeySerializer(new StringRedisSerializer);
//hash類型value的序列化
redisTemplate.setHashValueSerializer(new GenericJackson2JsonRedisSerializer);
redisTemplate.setConnectionFactory(redisConnectionFactory);
return redisTemplate;
}
}


③ 優(yōu)化處理

@Autowired
private NewsService newsService;
@Autowired
private RedisTemplate redisTemplate;
@Autowired
private ThymeleafViewResolver viewResolver;

@RequestMapping(value = \"/news\",produces = \"text/html;charset=utf-8\")
@ResponseBody
public String roles(Model model, @RequestParam(value = \"pageNo\",defaultValue = \"1\")Integer pageNo
, @RequestParam(value = \"pageSize\",defaultValue = \"10\")Integer pageSize
, HttpServletRequest request, HttpServletResponse response){
//Redis中獲取頁面，如果不為空，則直接返回頁面
ValueOperations valueOperations = redisTemplate.opsForValue;
String html = (String) valueOperations.get(\"news-list\");
if (!StringUtils.isEmpty(html)){
return html;
}
PageHelper.startPage(pageNo,pageSize);
List<News> list = newsService.list;
PageInfo<News> pageInfo = new PageInfo<>(list);
model.addAttribute(\"news\",list);
model.addAttribute(\"pageInfo\",pageInfo);
//如果為空，手動渲染，存入Redis中并返回
WebContext context = new WebContext(request, response, request.getServletContext, request.getLocale, model.asMap);
html = viewResolver.getTemplateEngine.process(\"news-list\", context);
if (!StringUtils.isEmpty(html)){
//給緩存設置過期時間
valueOperations.set(\"news-list\",html,60, TimeUnit.SECONDS);
}
return html;
}


④ Redis查看

6. 注意事項

注意@Controller和@RestController的區(qū)別，本項目使用的是模板渲染頁面，而@Controller就是用來響應頁面的；而@RestController是用來返回Json

在項目優(yōu)化階段需要在方法上添加注解@ResponseBody，因為我們是將整個頁面進行緩存 ，所以要將頁面轉換成JSON進行存儲。

注入Thymeleaf解析器，將具體的 頁面進行解析成Json字符串進行存儲

將存入Redis中的數(shù)據(jù)加上過期時間，因為頁面中的數(shù)據(jù)要和數(shù)據(jù)庫保持一致，如果用戶看到是幾十秒之前或一分鐘之前的數(shù)據(jù)還是勉強可以接受的。

目前代碼已經(jīng)同步到Gitee：

https://gitee.com/gao-wumao/supplier

如果有需要的自行前去倉庫拉取