springmvc代码注意事项

时间 2019-11-13

原文原文链接

1.页面传递来的参数的默认值。返回的参数也是转化为json形式javascript

@RequestMapping("/item/cat/list")
   @ResponseBody
   public List<EasyUITreeNode> list(@RequestParam(value="id", defaultValue = "0") Long parentId) {
       List<EasyUITreeNode> itemCatList = itemCatService.getItemCatList(parentId);
       return itemCatList;
   }css

2.html

@RequestMapping("/{page}")
   public String showIndex(@PathVariable String page){
       return page;
   }java

3.properties文件中定义的常量jquery

@Value("${IMAGE_SERVER_URL}")
private String IMAGE_SERVER_URL;ajax

4.json

//返回一个json,json中有一个error，url;error,message
   @RequestMapping(value="/pic/upload",produces=MediaType.TEXT_PLAIN_VALUE+";charset=utf-8")
   @ResponseBody
   public String picUpLoad(MultipartFile uploadFile){
       try {
           System.out.println("aaa");
           //接收页面上传的文件
           byte[] content = uploadFile.getBytes();
           //去文件的扩展名
           String filename = uploadFile.getOriginalFilename();
           String ext = filename.substring(filename.lastIndexOf(".")+1);
           //把文件内容上传到图片服务器
           FastDFSClient fastDFSClient = new FastDFSClient("classpath:resource/fast_dfs.conf");
           //从配置文件中取图片服务器的url
           String url = fastDFSClient.uploadFile(content, ext);
           //设置建立返回结果对象
           Map map = new HashMap();
           map.put("error", 0);
           map.put("url", IMAGE_SERVER_URL+url);
           //返回结果
           return JsonUtils.objectToJson(map);
       } catch (Exception e) {
           Map map = new HashMap();
           map.put("error", 1);
           map.put("message", "图片上传失败");
           return JsonUtils.objectToJson(map);
       }
   }服务器

5.cookie

<%@ page language="java" contentType="text/html; charset=UTF-8"
   pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>添加业务受理单</title>

<script type="text/javascript"
   src="${pageContext.request.contextPath }/js/jquery-1.8.3.js"></script>

<link rel="stylesheet" type="text/css"
   href="${pageContext.request.contextPath }/js/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
   href="${pageContext.request.contextPath }/js/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css"
   href="${pageContext.request.contextPath }/js/easyui/ext/portal.css">
<link rel="stylesheet" type="text/css"
   href="${pageContext.request.contextPath }/css/default.css">
<script type="text/javascript"
   src="${pageContext.request.contextPath }/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
   src="${pageContext.request.contextPath }/js/easyui/ext/jquery.portal.js"></script>
<script type="text/javascript"
   src="${pageContext.request.contextPath }/js/easyui/ext/jquery.cookie.js"></script>
<script
   src="${pageContext.request.contextPath }/js/easyui/locale/easyui-lang-zh_CN.js"
   type="text/javascript"></script>
<script type="text/javascript">
   $(function(){
       $("body").css({visibility:"visible"});

       // 对save按钮条件点击事件
       $('#save').click(function(){
           // 对form 进行校验
           if($('#noticebillForm').form('validate')){
               $('#noticebillForm').submit();
           }
       });
   });
</script>
</head>
<body class="easyui-layout" style="visibility:hidden;">
   <div region="north" style="height:31px;overflow:hidden;" split="false"
       border="false">
       <div class="datagrid-toolbar">
           <a id="save" icon="icon-save" href="#" class="easyui-linkbutton"
               plain="true">新单</a>
           <a id="edit" icon="icon-edit" href="${pageContext.request.contextPath }/page_qupai_noticebill.action" class="easyui-linkbutton"
               plain="true">工单操做</a>
       </div>
   </div>
   <div region="center" style="overflow:auto;padding:5px;" border="false">
       <form id="noticebillForm" action="${pageContext.request.contextPath }/noticebillAction_save.action" method="post">
           <table class="table-edit" width="95%" align="center">
               <tr class="title">
                   <td colspan="4">客户信息</td>
               </tr>
               <tr>
                   <td>来电号码:</td>
                   <script>
                       $(function(){
                           //为手机号输入框绑定离焦事件
                           $("input[name=telephone]").blur(function(){
                               //发送ajax请求，访问Action，在Action中调用crm项目根据手机号查询客户信息，在Action中将查询出的客户信息
                               //序列化为json数据返回页面
                               var telephone = this.value;
                               var url = "${pageContext.request.contextPath}/noticebillAction_findCustomerByPhone.action";
                               $.post(url,{"phone":telephone},function(data){
                                   if(data != null){
                                       //将客户的信息显示到当前页面上
                                       $("input[name=customerId]").val(data.id);
                                       $("input[name=customerName]").val(data.name);
                                       $("input[name=delegater]").val(data.name);
                                       $("input[name=pickaddress]").val(data.address);
                                   }else{
                                       $("input[name=customerId]").val("");
                                       $("input[name=customerName]").val("");
                                       $("input[name=delegater]").val("");
                                       $("input[name=pickaddress]").val("");
                                   }
                               });
                           });
                       });
                   </script>
                   <td><input type="text" class="easyui-validatebox" name="telephone"
                       required="true" /></td>
                   <td>客户编号:</td>
                   <td><input type="text" class="easyui-validatebox" name="customerId"
                       required="true" /></td>
               </tr>
               <tr>
                   <td>客户姓名:</td>
                   <td><input type="text" class="easyui-validatebox" name="customerName"
                       required="true" /></td>
                   <td>联系人:</td>
                   <td><input type="text" class="easyui-validatebox" name="delegater"
                       required="true" /></td>
               </tr>
               <tr class="title">
                   <td colspan="4">货物信息</td>
               </tr>
               <tr>
                   <td>品名:</td>
                   <td><input type="text" class="easyui-validatebox" name="product"
                       /></td>
                   <td>件数:</td>
                   <td><input type="text" class="easyui-numberbox" name="num"
                       /></td>
               </tr>
               <tr>
                   <td>重量:</td>
                   <td><input type="text" class="easyui-numberbox" name="weight"
                       /></td>
                   <td>体积:</td>
                   <td><input type="text" class="easyui-validatebox" name="volume"
                       /></td>
               </tr>
               <tr>
                   <td>取件地址</td>
                   <td colspan="3"><input type="text" class="easyui-validatebox" name="pickaddress"
                       required="true" size="144"/></td>
               </tr>
               <tr>
                   <td>到达城市:</td>
                   <td><input type="text" class="easyui-validatebox" name="arrivecity"
                       /></td>
                   <td>预定取件时间:</td>
                   <td><input type="text" class="easyui-datebox" name="pickdate"
                       data-options="editable:false" /></td>
               </tr>
               <tr>
                   <td>备注:</td>
                   <td colspan="3"><textarea rows="5" cols="80" type="text" class="easyui-validatebox" name="remark"
                       ></textarea></td>
               </tr>
           </table>
       </form>
   </div>
</body>
</html>app