发表于: 2020-01-07 18:42:56

1 988


今天完成的事情: 

1.进一步美化了界面,实现了分页

部分代码:

@RequestMapping("/show")
public String userList(@RequestParam(required=true,defaultValue="1") Integer page, HttpServletRequest request, Model model) throws Exception {
//page默认值是1,pageSize默认是10,我写的是2 意思是从第1页开始,每页显示2条记录。
   PageHelper.startPage(page, 10);
   List<User> userList = userService.selectAllUser();
   System.out.println(userList);
   PageInfo<User> p=new PageInfo<User>(userList);
   model.addAttribute("page", p);
   model.addAttribute("userList",userList);
   return "show";
<p>当前表格共${page.pages}页、${page.total}条记录</p>
<nav aria-label="Page navigation">
   <ul class="pagination">
       <li>
           <a href="<%=request.getContextPath()%>/user/show?page=${page.firstPage}" aria-label="Previous">
               <span aria-hidden="true">«</span>
           </a>
       </li>
       <c:forEach var="s" begin="1" end="${page.pages}">
<li><a href="<%=request.getContextPath()%>/user/show?page=${s}">${s}</a></li>
       </c:forEach>
<li>
           <a href="<%=request.getContextPath()%>/user/show?page=${page.lastPage}" aria-label="Next">
               <span aria-hidden="true">»</span>
           </a>
       </li>
   </ul>
</nav>

2.将添加用户独立出来

3.学习了一点Json


明天计划的事情: 

理清逻辑,继续任务。


遇到的问题: 

1.在把添加用户独立出来的时候发现每次点击添加新用户都会自动添加一个空值的用户,原因是在点击添加新用户的时候URL地址写的就是添加用户操作的地址,导致添加了空值的用户,解决办法就是先进行跳转,跳转到添加用户的页面,再执行操作。

@RequestMapping("/insertUserView")
public String addUserView() {
return "insert";
}

@RequestMapping(value = "/insert",method=RequestMethod.POST)
public String insertUser(User user) throws Exception {
userService.insertUser(user);
   return "redirect:show";
}


收获:

什么是 JSON ?

  • JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)
  • JSON 是轻量级的文本数据交换格式
  • JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态(PHP,JSP,.NET)编程语言都支持JSON。
  • JSON 具有自我描述性,更易理解

为什么使用 JSON?

对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:

使用 XML

  • 读取 XML 文档
  • 使用 XML DOM 来循环遍历文档
  • 读取值并存储在变量中

使用 JSON

  • 读取 JSON 字符串
  • 用 eval() 处理 JSON 字符串

JSON 语法规则

JSON 语法是 JavaScript 对象表示语法的子集。

  • 数据在名称/值对中
  • 数据由逗号分隔
  • 大括号保存对象
  • 中括号保存数组

JSON 值

JSON 值可以是:

  • 数字(整数或浮点数)
  • 字符串(在双引号中)
  • 逻辑值(true 或 false)
  • 数组(在中括号中)
  • 对象(在大括号中)
  • null

JSON 文件

  • JSON 文件的文件类型是 ".json"
  • JSON 文本的 MIME 类型是 "application/json"



RESTful其实是为了只提供一套统一的接口,让其他任何需要访问资源的设备或者服务都从这个同一的接口写数据,取数据!

REST本质上是使用URL来访问资源种方式。URL就是我们平常使用的请求地址了,其中包括两部分:请求方式与请求路径,比较常见的请求方式是GET与POST,但在REST中又提出了几种其它类型的请求方式,汇总起来有六种:GET、POST、PUT、DELETE、HEAD、OPTIONS。尤其是前四种,正好与CRUD(Create-Retrieve-Update-Delete,增删改查)四种操作相对应,例如,GET(查)、POST(增)、PUT(改)、DELETE(删),这正是REST与CRUD的异曲同工之妙!需要强调的是,REST是“面向资源”的,这里提到的资源,实际上就是我们常说的领域对象,在系统设计过程中,我们经常通过领域对象来进行数据建模。

REST是一个“无状态”的架构模式,因为在任何时候都可以由客户端发出请求到服务端,最终返回自己想要的数据,当前请求不会受到上次请求的影响。也就是说,服务端将内部资源发布REST服务,客户端通过URL来访问这些资源,这不就是SOA所提倡的“面向服务”的思想吗?所以,REST也被人们看做是一种“轻量级”的SOA实现技术,因此在企业级应用与互联网应用中都得到了广泛应用。


PostMapping 用于增删改查的 增

GetMapping 用于增删改查的 查

PutMapping 用于增删改查的 改

DeleteMapping 用于增删改查的 删

写jsp的时候不要忘记EL表达式的支持

引入css文件的时候,要么选择网络连接引入,要么配置css的servlet默认请求,否则会引入失败

隐式DELETE请求和隐式PUT请求<input type="hidden" name="_method" value="DELETE"/>和<input type="hidden" name="_method" value="PUT"/>

Button做页面跳转的方式:<button type="button" class="btn btn-default" onclick = "window.location.href = 'getAdd'">


返回列表 返回列表
评论

    分享到