CRM项目SSM框架构建（四）

完成业务：

• 添加市场活动备注

• 删除市场活动备注

• 修改市场活动备注

查看市场活动明细

需求分析

1. 用户在市场活动主页面,点击市场活动名称超级链接,跳转到明细页面,完成查看市场活动明细的功能.
2. 在市场活动明细页面,展示:

• 市场活动的基本信息
• 该市场活动下所有的备注信息

时序&流程

添加市场活动备注

需求分析

1. 用户在市场活动明细页面,输入备注内容,点击”保存”按钮,完成添加市场活动备注的功能.
   • 备注内容不能为空
   • 添加成功之后,清空输入框,刷新备注列表
   • 添加失败,提示信息,输入框不清空,列表也不刷新

时序＆流程

删除市场活动备注

需求分析

1. 用户在市场活动明细页面,点击”删除”市场活动备注的图标,完成删除市场活动备注的功能.
   • 删除成功之后,刷新备注列表
   • 删除失败,提示信息,备注列表不刷新

时序&流程

修改市场活动备注

需求分析

1. 用户在市场活动明细页面,点击”修改”市场活动备注的图标,弹出修改市场活动备注的模态窗口;
2. 用户在修改市场活动备注的模态窗口,填写表单,点击”更新”按钮,完成修改市场活动备注的功能.

• 备注内容不能为空
• 修改成功之后,关闭模态窗口,刷新备注列表
• 修改失败,提示信息,模态窗口不关闭,列表也不刷新

时序&流程

复习知识点

• 使用标签保存数据，以便在需要的时候能够获取到这些数据:

  • 给标签添加属性：
    如果是表单组件标签，优先使用value属性，只有value不方便使用时，使用自定义属性;
    如果不是表单组件标签，不推荐使用value，推荐使用自定义属性。
  • 获取属性值时：
    如果获取表单组件标签的value属性值：dom对象.value jquery对象.val()
    如果自定义的属性，不管是什么标签，只能用：jquery对象.attr(“属性名”);

• jsp的运行原理：
  xxx.jsp：

  1)、tocmat中运行：
  把xxx.jsp翻译成一个servlet,
  运行servlet,运行的结果是一个html网页
  把html网页输出到浏览器
  2)、html网页在浏览器上运行：
  先从上到下加载html网页到浏览器，在加载过程中，运行前端代码
  当页面都加载完成，再执行入口函数.

• 把页面片段显示在动态显示在页面中：
  选择器.html(htmlStr)：覆盖显示在标签的内部
  选择器.text(htmlStr)：覆盖显示在标签的内部
  选择器.append(htmlStr)：追加显示在指定标签的内部的后边

  eg:

  aaaaaaaaa bbbbbbbbb
  var htmlStr="

  ccccccccc

  "; $("#myDiv").append(htmlStr);

    <div id="myDiv">
      aaaaaaaaa
      bbbbbbbbb
      <p>ccccccccc</p>
   </div>
  

  aaaaaaaaa bbbbbbbbb

  ccccccccc

  选择器.after(htmlStr)：追加显示在指定标签的外部的后边

 <div id="myDiv">
  aaaaaaaaa
  bbbbbbbbb
 </div>
   var htmlStr="<p>ccccccccc</p>";
    $("#myDiv").after(htmlStr);
    <div id="myDiv">
      aaaaaaaaa
      bbbbbbbbb
   </div>

   <p>ccccccccc</p>

选择器.before(htmlStr)：追加显示在指定标签的外部的前边

aaaaaaaaa bbbbbbbbb

var htmlStr=”

ccccccccc

“;
$(“#myDiv”).before(htmlStr);

ccccccccc

aaaaaaaaa
bbbbbbbbb

• 给元素扩展属性：html页面是可扩展的标记语言，可以给指定的标签任意扩展属性，只要属性名符合标识符的命名规则即可。
  两个目的：
  1)、使用标签保存数据：
  如果是表单组件标签，优先使用value属性，只有value不方便使用时，使用自定义属性;
  如果不是表单组件标签，不推荐使用value，推荐使用自定义属性。
  2)、定位标签：
  优先考虑id属性,其次考虑name属性，只有id和name属性都不方便使用时，才考虑使用自定义属性。