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

難度分析

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

項目回顧

最終效果演示：

技術(shù)選型：

• SpringBoot

• Thymeleaf

• mybatis-Plus

• MySQL

• PageHelper

• Lombok

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

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

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

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

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

引入相應(yīng)的依賴，構(gòu)建所需文件目錄

2. 編寫yaml配置文件

server:
port: 8080

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


3. 項目初期基本搭建

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

①異常處理

@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類

① 跳轉(zhuǎn)文件上傳的頁面

//跳轉(zhuǎn)文件上傳的頁面
@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);
//設(shè)置文件上傳的路徑
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)化，當(dāng)系統(tǒng)某一瞬間遭受巨大流量時，當(dāng)?shù)谝粋€用戶進行頁面訪問時可以將該頁面數(shù)據(jù)進行緩存，這樣，后來的用戶訪問到的頁面都是從緩存中獲取的，這樣就減少了 對數(shù)據(jù)庫的操作，減輕了數(shù)據(jù)庫的壓力，從而達到優(yōu)化的處理。

① 導(dǎo)入依賴

<!--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:
# 服務(wù)器地址
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)){
//給緩存設(shè)置過期時間
valueOperations.set(\"news-list\",html,60, TimeUnit.SECONDS);
}
return html;
}


④ Redis查看

6. 注意事項

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

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

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

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

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

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

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