这一节，老蝴蝶带着大家准备写一个简单的模块项目，采用 Bootstrap 及其衍生框架。
按照上一章节 Static 项目内容，创建一个 StaticBootstrap项目，添加相关的依赖,主要类和配置信息。
一. 前期环境搭建
一.一 准备静态资源
static 目录下 放置静态资源和相关的插件信息，包括 juqery,boostrap.js ,bootstrap-table.js 等常见的前端插件库。
templates 目录下 放置我们要编写的业务页面代码。
一.二 映射信息配置
采用 继承 WebMvcConfigureAdapter 类的方法进行静态资源映射信息。
@Configuration public class MvcConfig extends WebMvcConfigurerAdapter { /** * 配置静态的资源信息 * @param registry */ @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("doc.html").addResourceLocations("classpath:/META-INF/resources/"); registry.addResourceHandler("swagger-ui.html").addResourceLocations("classpath:/META-INF/resources/"); //映射 static 目录 registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/"); //放置其他 业务页面资源 registry.addResourceHandler("/**").addResourceLocations("classpath:/templates/"); } }
一.三 其它主要后端代码
一.三.一 OutputResult 返回结果类
注意，这儿只定义成功的信息。
@Data public class OutputResult implements Serializable { /** * @param code 响应代码 * @param message 响应信息 * @param data 响应的数据 */ private Integer code; private String message; private Map<String,Object> data=new HashMap<String,Object>(); /** * 构造方法 私有。 避免外部构造 */ private OutputResult(){ } /** * 成功 * @return */ public static OutputResult success(){ OutputResult outputResult=new OutputResult(); outputResult.code=200; outputResult.message="成功"; return outputResult; } /** * 成功 * @param data 要响应的数据 * @return */ public static OutputResult success(Object data){ OutputResult outputResult=new OutputResult(); outputResult.code=200; outputResult.message="成功"; outputResult.data.put("result",data); return outputResult; } }
一.三.二 控制器 UserController
service, mapper 都是常规的写法，与前面 Static 项目一致。
@RestController @RequestMapping("/user") public class UserController { @Autowired private UserService userService; @PostMapping("/addUser") private OutputResult addUser(@RequestBody User user){ userService.addUser(user); return OutputResult.success(); } @PostMapping("/updateUser") private OutputResult udpateUser(@RequestBody User user){ userService.updateUser(user); return OutputResult.success(); } @PostMapping("/deleteUser") private OutputResult deleteUser(@RequestBody User user){ userService.deleteUser(user.getId()); return OutputResult.success(); } @GetMapping("/getUserById") public OutputResult getUserById(@RequestBody User user){ User result= userService.findById(user.getId()); return OutputResult.success(result); } @GetMapping("/findAll") public OutputResult findAll(){ List<User> userList= userService.findAll(); return OutputResult.success(userList); } }
