Java Spring Boot VS .NetCore （六） UI thymeleaf vs cshtml

前面已经介绍了操作做数据，接下来就介绍先展示数据 UI，当然UI可以做到前后端分离，这里以前后端为分离的情况作为例子

Spring Boot vs .NetCore

Spring中的视图及资源文件主要还是依赖于resources这个目录

下面有static（静态文件放置）、templates（模版目录）

而.NetCore里面静态文件资源都是放置在 wwwroot这个目录下，而其他的通过Controller、 Views文件夹下的目录结构决定，里面还多了一个区域的概念

下面来看下Controller处理

Spring中的Controller处理

@Controller
public class TestController {

    @Resource
    public UserRepository _userRepository;

    @Autowired
    private UserMapper _userMapper;
    //用户列表
    @RequestMapping("/user/list")
    public String userList(Model model,@RequestParam(value = "page", defaultValue = "0") Integer page,
                       @RequestParam(value = "size", defaultValue = "6") Integer size)
    {
        Sort sort = new Sort(Sort.Direction.DESC, "id");
    Pageable pageable = new PageRequest(page, size, sort);

    Page<UserModel>  modelList= _userRepository.findLYM(pageable);
//        List<UserModel> modelList = _userRepository.findAll();
        model.addAttribute("users", modelList);
        return  "user/list";
    }

    @RequestMapping(value = "/user/add",method = RequestMethod.GET)
    public String userAdd()
    {
        return  "user/add";
    }
    //添加用户
    @RequestMapping(value = "/user/add",method = RequestMethod.POST)
    public String userAdd(@Valid UserModel userParam,ModelMap map)
    {
        UserModel user=new UserModel();
        BeanUtils.copyProperties(userParam,user);
        SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");//设置日期格式
        user.setRegTime(df.format(new Date()));
     // UserModel result=  _userRepository.save(user);
        _userMapper.insert(user);
        return  "user/add";
    }
}

通过注解 @Controller来标明这个类是一个Controller控制器类@RequestMapping 指定相关方法的请求路由地址以及请求方式

return 到对应的视图上就ok了，需要视图路径标明 ModelMap 对象处理页面数据对象

如：

model.addAttribute("users", modelList);

页面上会存在 users数据对象模型，这点类是与.NetCore 中的 ViewData["users"] ViewBag.Users 等操作

.NetCore 中的Controller处理

.NetCore 中其实是通过后缀名来完成的，在创建的时候必须以Controller结束，通过控制器与视图之间的关系完成对应的Invoke操作，这里不过多的说明...

 public class HomeController : Controller
    {

        SignInManager<IdentityUser> _signInManager;
        public HomeController(SignInManager<IdentityUser> signInManager)
        {
            _signInManager = signInManager;
        }
       [Route("~/url")]
       [HttpPost]
　　　　public IActionResult Index()
        {
             ViewBag.Msg="这是信息";
            return View();
        }
}

这里的 Views文件夹下需要 Home文件夹，而Home文件夹下需要有 Index.cshtml 视图文件这是对应起来的 Action的名称即为视图名称，这样才能保证正常的访问

关于协议请求方式

Spring Boot通过 @RequestMapping(value = "/user/add", method = RequestMethod.POST) 默认是GET

.NetCore 通过在Action上添加 [HttpPost] 标签来实现当然也通过 [Route("url")] 标签来指定请求路由地址，默认也是GET方式请求

处理页面就需要了解 thymeleaf 模版的使用语法规则了这里不做介绍了

西门看下做的一个列表功能效果

实现到这里做一个Java Spring Boot 的开发应该就没有问题了~