• 第3章业务功能开发（实现显示线索主页面，并查询表单各个下拉框数据）

    客户需求：

    用户进入工作台主页面，点击 线索菜单选项，工作台的工作区跳转到线索菜单页面。

    在跳转到线索菜单页面的同时，查询出各个模态窗口以及条件查询所需要的下拉框数据。

     功能实现

    1.根据客户需求画出实现显示线索主页面，并查询表单各个下拉框数据的UML时序图

    2.为了查询下拉框：所有者的数据

    调用之前的selectAllUsers方法

    userMapper接口

    userMapper.xml文件

    UserService 接口

     

    UserServiceImpl文件

    3.使用mybatis逆向工程生成DicValue实体类以及mapper文件，由于生成的实体类属于系统文件，所以生成文件的目标位置设置为setting

    generatorConfig.xml

    2. generatorConfiguration
    3.         PUBLIC "-//mybatis.org//DTD MyBatis Generator Configuration 1.0//EN"
    4.         "http://mybatis.org/dtd/mybatis-generator-config_1_0.dtd">
    5.  
    6. <generatorConfiguration>
    7.  
    8.     
    9.     
    10.  
    11.     
    12.     <properties resource="generator.properties">properties>
    13.  
    14.     
    15.     <classPathEntry location="${jdbc.driverLocation}"/>
    16.  
    17.     <context id="default" targetRuntime="MyBatis3">
    18.  
    19.         
    20.         <commentGenerator>
    21.             <property name="suppressDate" value="false"/>
    22.             <property name="suppressAllComments" value="false"/>
    23.         commentGenerator>
    24.  
    25.         
    26.         <jdbcConnection
    27.                 driverClass="${jdbc.driverClass}"
    28.                 connectionURL="${jdbc.connectionURL}"
    29.                 userId="${jdbc.userId}"
    30.                 password="${jdbc.password}">
    31.         jdbcConnection>
    32.  
    33.  
    34.         
    35.         <javaTypeResolver>
    36.             <property name="forceBigDecimals" value="false"/>
    37.         javaTypeResolver>
    38.  
    39.  
    40.         
    41.         <javaModelGenerator targetPackage="com.it.crm.settings.entity"
    42.                             targetProject="D:/SSM框架/SSM版CRMTest/crm/src/main/java">
    43.  
    44.             
    45.             <property name="enableSubPackages" value="false"/>
    46.             
    47.             <property name="constructorBased" value="false"/>
    48.             
    49.             <property name="trimStrings" value="true"/>
    50.             
    51.             <property name="immutable" value="false"/>
    52.         javaModelGenerator>
    53.  
    54.         
    55.         <sqlMapGenerator targetPackage="com.it.crm.settings.mapper"
    56.                          targetProject="D:/SSM框架/SSM版CRMTest/crm/src/main/java">
    57.             <property name="enableSubPackages" value="false"/>
    58.         sqlMapGenerator>
    59.  
    60.         
    61.         <javaClientGenerator targetPackage="com.it.crm.settings.mapper"
    62.                              targetProject="D:/SSM框架/SSM版CRMTest/crm/src/main/java" type="XMLMAPPER">
    63.             <property name="enableSubPackages" value="true"/>
    64.         javaClientGenerator>
    65.  
    66.         
    67.         
    68.         
    69.         
    70.  
    71.                 <table tableName="tbl_dic_value" domainObjectName="DicValue"
    72.                        enableCountByExample="false" enableUpdateByExample="false"
    73.                        enableDeleteByExample="false" enableSelectByExample="false"
    74.                        selectByExampleQueryId="false">
    75.                 table>
    76.  
    77.  
    78.              
    79.  
    80.  
    81.  
    82.             
    83.         
    84.     context>
    85. generatorConfiguration>

    4.生成的DicValueMapper接口

    DicValueMapper.xml文件

     DicValueService接口

    1. package com.it.crm.settings.service;
    2.  
    3. import com.it.crm.settings.entity.DicValue;
    4.  
    5. import java.util.List;
    6.  
    7. public interface DicValueService {
    8.     List queryDicValueByTypeCode(String typeCode);
    9. }

     DicValueServiceImpl实现类

    1. package com.it.crm.settings.service.impl;
    2.  
    3. import com.it.crm.settings.entity.DicValue;
    4. import com.it.crm.settings.mapper.DicValueMapper;
    5. import com.it.crm.settings.service.DicValueService;
    6. import org.springframework.beans.factory.annotation.Autowired;
    7. import org.springframework.stereotype.Service;
    8.  
    9. import java.util.List;
    10.  
    11. @Service("dicValueService")
    12. public class DicValueServiceImpl implements DicValueService {
    13.     @Autowired
    14.     private DicValueMapper dicValueMapper;
    15.  
    16.     @Override
    17.     public List queryDicValueByTypeCode(String typeCode) {
    18.         return dicValueMapper.selectDicValueByTypeCode(typeCode);
    19.     }
    20. }

    5.创建ClueController类，调用刚才展示的两种service方法

    1. package com.it.crm.workbench.web.controller;
    2.  
    3. import com.it.crm.settings.entity.DicValue;
    4. import com.it.crm.settings.entity.User;
    5. import com.it.crm.settings.service.DicValueService;
    6. import com.it.crm.settings.service.UserService;
    7. import org.springframework.beans.factory.annotation.Autowired;
    8. import org.springframework.stereotype.Controller;
    9. import org.springframework.web.bind.annotation.RequestMapping;
    10.  
    11. import javax.servlet.http.HttpServletRequest;
    12. import java.util.List;
    13.  
    14. @Controller
    15. public class ClueController {
    16.  
    17.     @Autowired
    18.     private UserService userService;
    19.     @Autowired
    20.     private DicValueService dicValueService;
    21.  
    22.     @RequestMapping(value = "/workbench/clue/index.do")
    23.     public String index(HttpServletRequest request){
    24.         //调用service层方法，查询动态数据
    25.         List userList = userService.queryAllUsers();
    26.         List appellation = dicValueService.queryDicValueByTypeCode("appellation");
    27.         List clueState = dicValueService.queryDicValueByTypeCode("clueState");
    28.         List source = dicValueService.queryDicValueByTypeCode("source");
    29.         //把数据保存到request中
    30.         request.setAttribute("userList",userList);
    31.         request.setAttribute("appellation",appellation);
    32.         request.setAttribute("clueState",clueState);
    33.         request.setAttribute("source",source);
    34.         //请求转发
    35.         return "workbench/clue/index";
    36.     }
    37. }

    6.workbench的index.jsp页面，实现点击线索菜单，跳转到线索页面

    1. <ul id="no1" class="nav nav-pills nav-stacked">
    2. 				<li class="liClass"><a href="workbench/main/index.do" target="workareaFrame"><span class="glyphicon glyphicon-home">span> 工作台a>li>
    3. 				<li class="liClass"><a href="javascript:void(0);" target="workareaFrame"><span class="glyphicon glyphicon-tag">span> 动态a>li>
    4. 				<li class="liClass"><a href="javascript:void(0);" target="workareaFrame"><span class="glyphicon glyphicon-time">span> 审批a>li>
    5. 				<li class="liClass"><a href="javascript:void(0);" target="workareaFrame"><span class="glyphicon glyphicon-user">span> 客户公海a>li>
    6. 				<li class="liClass"><a href="workbench/activity/index.do" target="workareaFrame"><span class="glyphicon glyphicon-play-circle">span> 市场活动a>li>
    7. 				<li class="liClass"><a href="workbench/clue/index.do" target="workareaFrame"><span class="glyphicon glyphicon-search">span> 线索（潜在客户）a>li>
    8. 				<li class="liClass"><a href="customer/index.html" target="workareaFrame"><span class="glyphicon glyphicon-user">span> 客户a>li>
    9. 				<li class="liClass"><a href="contacts/index.html" target="workareaFrame"><span class="glyphicon glyphicon-earphone">span> 联系人a>li>
    10. 				<li class="liClass"><a href="transaction/index.html" target="workareaFrame"><span class="glyphicon glyphicon-usd">span> 交易（商机）a>li>
    11. 				<li class="liClass"><a href="visit/index.html" target="workareaFrame"><span class="glyphicon glyphicon-phone-alt">span> 售后回访a>li>
    12. 				<li class="liClass"

    7.clue的index.jsp页面，分别用EL表达式和JSTL来循环遍历下拉框数据

    1. <%@page contentType="text/html; charset=UTF-8" language="java" %>
    2. <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    3. <%
    4. String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/";
    5. %>
    6. <html>
    7. <head>
    8. 	<meta charset="UTF-8">
    9. 	<base href="<%=basePath%>">
    10.  
    11. <link href="jquery/bootstrap_3.3.0/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
    12. <link href="jquery/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" type="text/css" rel="stylesheet" />
    13.  
    14. <script type="text/javascript" src="jquery/jquery-1.11.1-min.js">script>
    15. <script type="text/javascript" src="jquery/bootstrap_3.3.0/js/bootstrap.min.js">script>
    16. <script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js">script>
    17. <script type="text/javascript" src="jquery/bootstrap-datetimepicker-master/locale/bootstrap-datetimepicker.zh-CN.js">script>
    18.  
    19. <script type="text/javascript">
    20.  
    21. 	$(function(){
    22. 		
    23. 		
    24. 		
    25. 	});
    26. 	
    27. script>
    28. head>
    29. <body>
    30.  
    31. 	
    32. 	<div class="modal fade" id="createClueModal" role="dialog">
    33. 		<div class="modal-dialog" role="document" style="width: 90%;">
    34. 			<div class="modal-content">
    35. 				<div class="modal-header">
    36. 					<button type="button" class="close" data-dismiss="modal">
    37. 						<span aria-hidden="true">×span>
    38. 					button>
    39. 					<h4 class="modal-title" id="myModalLabel">创建线索h4>
    40. 				div>
    41. 				<div class="modal-body">
    42. 					<form class="form-horizontal" role="form">
    43. 					
    44. 						<div class="form-group">
    45. 							<label for="create-clueOwner" class="col-sm-2 control-label">所有者<span style="font-size: 15px; color: red;">*span>label>
    46. 							<div class="col-sm-10" style="width: 300px;">
    47. 								<select class="form-control" id="create-clueOwner">
    48. 								  <c:forEach items="${userList}" var="user">
    49. 									  <option value="${user.id}">${user.name}option>
    50. 								  c:forEach>
    51. 								select>
    52. 							div>
    53. 							<label for="create-company" class="col-sm-2 control-label">公司<span style="font-size: 15px; color: red;">*span>label>
    54. 							<div class="col-sm-10" style="width: 300px;">
    55. 								<input type="text" class="form-control" id="create-company">
    56. 							div>
    57. 						div>
    58. 						
    59. 						<div class="form-group">
    60. 							<label for="create-call" class="col-sm-2 control-label">称呼label>
    61. 							<div class="col-sm-10" style="width: 300px;">
    62. 								<select class="form-control" id="create-call">
    63. 									<option>option>
    64. 								 <c:forEach items="${appellation}" var="app">
    65. 									 <option value="${app.id}">${app.value}option>
    66. 								 c:forEach>
    67. 								select>
    68. 							div>
    69. 							<label for="create-surname" class="col-sm-2 control-label">姓名<span style="font-size: 15px; color: red;">*span>label>
    70. 							<div class="col-sm-10" style="width: 300px;">
    71. 								<input type="text" class="form-control" id="create-surname">
    72. 							div>
    73. 						div>
    74. 						
    75. 						<div class="form-group">
    76. 							<label for="create-job" class="col-sm-2 control-label">职位label>
    77. 							<div class="col-sm-10" style="width: 300px;">
    78. 								<input type="text" class="form-control" id="create-job">
    79. 							div>
    80. 							<label for="create-email" class="col-sm-2 control-label">邮箱label>
    81. 							<div class="col-sm-10" style="width: 300px;">
    82. 								<input type="text" class="form-control" id="create-email">
    83. 							div>
    84. 						div>
    85. 						
    86. 						<div class="form-group">
    87. 							<label for="create-phone" class="col-sm-2 control-label">公司座机label>
    88. 							<div class="col-sm-10" style="width: 300px;">
    89. 								<input type="text" class="form-control" id="create-phone">
    90. 							div>
    91. 							<label for="create-website" class="col-sm-2 control-label">公司网站label>
    92. 							<div class="col-sm-10" style="width: 300px;">
    93. 								<input type="text" class="form-control" id="create-website">
    94. 							div>
    95. 						div>
    96. 						
    97. 						<div class="form-group">
    98. 							<label for="create-mphone" class="col-sm-2 control-label">手机label>
    99. 							<div class="col-sm-10" style="width: 300px;">
    100. 								<input type="text" class="form-control" id="create-mphone">
    101. 							div>
    102. 							<label for="create-status" class="col-sm-2 control-label">线索状态label>
    103. 							<div class="col-sm-10" style="width: 300px;">
    104. 								<select class="form-control" id="create-status">
    105. 								  <option>option>
    106. 								<c:forEach items="${clueState}" var="clu">
    107. 									<option value="${clu.id}">${clu.value}option>
    108. 								c:forEach>
    109. 								select>
    110. 							div>
    111. 						div>
    112. 						
    113. 						<div class="form-group">
    114. 							<label for="create-source" class="col-sm-2 control-label">线索来源label>
    115. 							<div class="col-sm-10" style="width: 300px;">
    116. 								<select class="form-control" id="create-source">
    117. 								  <option>option>
    118. 								 <c:forEach items="${source}" var="sou">
    119. 									 <option value="${sou.id}">${sou.value}option>
    120. 								 c:forEach>
    121. 								select>
    122. 							div>
    123. 						div>
    124. 						
    125.  
    126. 						<div class="form-group">
    127. 							<label for="create-describe" class="col-sm-2 control-label">线索描述label>
    128. 							<div class="col-sm-10" style="width: 81%;">
    129. 								<textarea class="form-control" rows="3" id="create-describe">textarea>
    130. 							div>
    131. 						div>
    132. 						
    133. 						<div style="height: 1px; width: 103%; background-color: #D5D5D5; left: -13px; position: relative;">div>
    134. 						
    135. 						<div style="position: relative;top: 15px;">
    136. 							<div class="form-group">
    137. 								<label for="create-contactSummary" class="col-sm-2 control-label">联系纪要label>
    138. 								<div class="col-sm-10" style="width: 81%;">
    139. 									<textarea class="form-control" rows="3" id="create-contactSummary">textarea>
    140. 								div>
    141. 							div>
    142. 							<div class="form-group">
    143. 								<label for="create-nextContactTime" class="col-sm-2 control-label">下次联系时间label>
    144. 								<div class="col-sm-10" style="width: 300px;">
    145. 									<input type="text" class="form-control" id="create-nextContactTime">
    146. 								div>
    147. 							div>
    148. 						div>
    149. 						
    150. 						<div style="height: 1px; width: 103%; background-color: #D5D5D5; left: -13px; position: relative; top : 10px;">div>
    151. 						
    152. 						<div style="position: relative;top: 20px;">
    153. 							<div class="form-group">
    154.                                 <label for="create-address" class="col-sm-2 control-label">详细地址label>
    155.                                 <div class="col-sm-10" style="width: 81%;">
    156.                                     <textarea class="form-control" rows="1" id="create-address">textarea>
    157.                                 div>
    158. 							div>
    159. 						div>
    160. 					form>
    161. 					
    162. 				div>
    163. 				<div class="modal-footer">
    164. 					<button type="button" class="btn btn-default" data-dismiss="modal">关闭button>
    165. 					<button type="button" class="btn btn-primary" data-dismiss="modal">保存button>
    166. 				div>
    167. 			div>
    168. 		div>
    169. 	div>
    170. 	
    171. 	
    172. 	<div class="modal fade" id="editClueModal" role="dialog">
    173. 		<div class="modal-dialog" role="document" style="width: 90%;">
    174. 			<div class="modal-content">
    175. 				<div class="modal-header">
    176. 					<button type="button" class="close" data-dismiss="modal">
    177. 						<span aria-hidden="true">×span>
    178. 					button>
    179. 					<h4 class="modal-title">修改线索h4>
    180. 				div>
    181. 				<div class="modal-body">
    182. 					<form class="form-horizontal" role="form">
    183. 					
    184. 						<div class="form-group">
    185. 							<label for="edit-clueOwner" class="col-sm-2 control-label">所有者<span style="font-size: 15px; color: red;">*span>label>
    186. 							<div class="col-sm-10" style="width: 300px;">
    187. 								<select class="form-control" id="edit-clueOwner">
    188. 									<c:forEach items="${userList}" var="user">
    189. 										<option value="${user.id}">${user.name}option>
    190. 									c:forEach>
    191. 								select>
    192. 							div>
    193. 							<label for="edit-company" class="col-sm-2 control-label">公司<span style="font-size: 15px; color: red;">*span>label>
    194. 							<div class="col-sm-10" style="width: 300px;">
    195. 								<input type="text" class="form-control" id="edit-company" value="动力节点">
    196. 							div>
    197. 						div>
    198. 						
    199. 						<div class="form-group">
    200. 							<label for="edit-call" class="col-sm-2 control-label">称呼label>
    201. 							<div class="col-sm-10" style="width: 300px;">
    202. 								<select class="form-control" id="edit-call">
    203. 									<option>option>
    204. 									<c:forEach items="${appellation}" var="app">
    205. 										<option value="${app.id}">${app.value}option>
    206. 									c:forEach>
    207. 								select>
    208. 							div>
    209. 							<label for="edit-surname" class="col-sm-2 control-label">姓名<span style="font-size: 15px; color: red;">*span>label>
    210. 							<div class="col-sm-10" style="width: 300px;">
    211. 								<input type="text" class="form-control" id="edit-surname" value="李四">
    212. 							div>
    213. 						div>
    214. 						
    215. 						<div class="form-group">
    216. 							<label for="edit-job" class="col-sm-2 control-label">职位label>
    217. 							<div class="col-sm-10" style="width: 300px;">
    218. 								<input type="text" class="form-control" id="edit-job" value="CTO">
    219. 							div>
    220. 							<label for="edit-email" class="col-sm-2 control-label">邮箱label>
    221. 							<div class="col-sm-10" style="width: 300px;">
    222. 								<input type="text" class="form-control" id="edit-email" value="lisi@bjpowernode.com">
    223. 							div>
    224. 						div>
    225. 						
    226. 						<div class="form-group">
    227. 							<label for="edit-phone" class="col-sm-2 control-label">公司座机label>
    228. 							<div class="col-sm-10" style="width: 300px;">
    229. 								<input type="text" class="form-control" id="edit-phone" value="010-84846003">
    230. 							div>
    231. 							<label for="edit-website" class="col-sm-2 control-label">公司网站label>
    232. 							<div class="col-sm-10" style="width: 300px;">
    233. 								<input type="text" class="form-control" id="edit-website" value="http://www.bjpowernode.com">
    234. 							div>
    235. 						div>
    236. 						
    237. 						<div class="form-group">
    238. 							<label for="edit-mphone" class="col-sm-2 control-label">手机label>
    239. 							<div class="col-sm-10" style="width: 300px;">
    240. 								<input type="text" class="form-control" id="edit-mphone" value="12345678901">
    241. 							div>
    242. 							<label for="edit-status" class="col-sm-2 control-label">线索状态label>
    243. 							<div class="col-sm-10" style="width: 300px;">
    244. 								<select class="form-control" id="edit-status">
    245. 									<option>option>
    246. 									<c:forEach items="${clueState}" var="clu">
    247. 										<option value="${clu.id}">${clu.value}option>
    248. 									c:forEach>
    249. 								select>
    250. 							div>
    251. 						div>
    252. 						
    253. 						<div class="form-group">
    254. 							<label for="edit-source" class="col-sm-2 control-label">线索来源label>
    255. 							<div class="col-sm-10" style="width: 300px;">
    256. 								<select class="form-control" id="edit-source">
    257. 									<option>option>
    258. 									<c:forEach items="${source}" var="sou">
    259. 										<option value="${sou.id}">${sou.value}option>
    260. 									c:forEach>
    261. 								select>
    262. 							div>
    263. 						div>
    264. 						
    265. 						<div class="form-group">
    266. 							<label for="edit-describe" class="col-sm-2 control-label">描述label>
    267. 							<div class="col-sm-10" style="width: 81%;">
    268. 								<textarea class="form-control" rows="3" id="edit-describe">这是一条线索的描述信息textarea>
    269. 							div>
    270. 						div>
    271. 						
    272. 						<div style="height: 1px; width: 103%; background-color: #D5D5D5; left: -13px; position: relative;">div>
    273. 						
    274. 						<div style="position: relative;top: 15px;">
    275. 							<div class="form-group">
    276. 								<label for="edit-contactSummary" class="col-sm-2 control-label">联系纪要label>
    277. 								<div class="col-sm-10" style="width: 81%;">
    278. 									<textarea class="form-control" rows="3" id="edit-contactSummary">这个线索即将被转换textarea>
    279. 								div>
    280. 							div>
    281. 							<div class="form-group">
    282. 								<label for="edit-nextContactTime" class="col-sm-2 control-label">下次联系时间label>
    283. 								<div class="col-sm-10" style="width: 300px;">
    284. 									<input type="text" class="form-control" id="edit-nextContactTime" value="2017-05-01">
    285. 								div>
    286. 							div>
    287. 						div>
    288. 						
    289. 						<div style="height: 1px; width: 103%; background-color: #D5D5D5; left: -13px; position: relative; top : 10px;">div>
    290.  
    291.                         <div style="position: relative;top: 20px;">
    292.                             <div class="form-group">
    293.                                 <label for="edit-address" class="col-sm-2 control-label">详细地址label>
    294.                                 <div class="col-sm-10" style="width: 81%;">
    295.                                     <textarea class="form-control" rows="1" id="edit-address">北京大兴区大族企业湾textarea>
    296.                                 div>
    297.                             div>
    298.                         div>
    299. 					form>
    300. 					
    301. 				div>
    302. 				<div class="modal-footer">
    303. 					<button type="button" class="btn btn-default" data-dismiss="modal">关闭button>
    304. 					<button type="button" class="btn btn-primary" data-dismiss="modal">更新button>
    305. 				div>
    306. 			div>
    307. 		div>
    308. 	div>
    309. 	
    310. 	
    311. 	
    312. 	
    313. 	<div>
    314. 		<div style="position: relative; left: 10px; top: -10px;">
    315. 			<div class="page-header">
    316. 				<h3>线索列表h3>
    317. 			div>
    318. 		div>
    319. 	div>
    320. 	
    321. 	<div style="position: relative; top: -20px; left: 0px; width: 100%; height: 100%;">
    322. 	
    323. 		<div style="width: 100%; position: absolute;top: 5px; left: 10px;">
    324. 		
    325. 			<div class="btn-toolbar" role="toolbar" style="height: 80px;">
    326. 				<form class="form-inline" role="form" style="position: relative;top: 8%; left: 5px;">
    327. 				  
    328. 				  <div class="form-group">
    329. 				    <div class="input-group">
    330. 				      <div class="input-group-addon">名称div>
    331. 				      <input class="form-control" type="text">
    332. 				    div>
    333. 				  div>
    334. 				  
    335. 				  <div class="form-group">
    336. 				    <div class="input-group">
    337. 				      <div class="input-group-addon">公司div>
    338. 				      <input class="form-control" type="text">
    339. 				    div>
    340. 				  div>
    341. 				  
    342. 				  <div class="form-group">
    343. 				    <div class="input-group">
    344. 				      <div class="input-group-addon">公司座机div>
    345. 				      <input class="form-control" type="text">
    346. 				    div>
    347. 				  div>
    348. 				  
    349. 				  <div class="form-group">
    350. 				    <div class="input-group">
    351. 				      <div class="input-group-addon">线索来源div>
    352. 					  <select class="form-control">
    353. 						  <option>option>
    354. 						  <c:forEach items="${source}" var="sou">
    355. 							  <option value="${sou.id}">${sou.value}option>
    356. 						  c:forEach>
    357. 					  select>
    358. 				    div>
    359. 				  div>
    360. 				  
    361. 				  <br>
    362. 				  
    363. 				  <div class="form-group">
    364. 				    <div class="input-group">
    365. 				      <div class="input-group-addon">所有者div>
    366. 				      <input class="form-control" type="text">
    367. 				    div>
    368. 				  div>
    369. 				  
    370. 				  
    371. 				  
    372. 				  <div class="form-group">
    373. 				    <div class="input-group">
    374. 				      <div class="input-group-addon">手机div>
    375. 				      <input class="form-control" type="text">
    376. 				    div>
    377. 				  div>
    378. 				  
    379. 				  <div class="form-group">
    380. 				    <div class="input-group">
    381. 				      <div class="input-group-addon">线索状态div>
    382. 					  <select class="form-control">
    383. 						  <option>option>
    384. 						  <c:forEach items="${clueState}" var="clu">
    385. 							  <option value="${clu.id}">${clu.value}option>
    386. 						  c:forEach>
    387. 					  select>
    388. 				    div>
    389. 				  div>
    390.  
    391. 				  <button type="submit" class="btn btn-default">查询button>
    392. 				  
    393. 				form>
    394. 			div>
    395. 			<div class="btn-toolbar" role="toolbar" style="background-color: #F7F7F7; height: 50px; position: relative;top: 40px;">
    396. 				<div class="btn-group" style="position: relative; top: 18%;">
    397. 				  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#createClueModal"><span class="glyphicon glyphicon-plus">span> 创建button>
    398. 				  <button type="button" class="btn btn-default" data-toggle="modal" data-target="#editClueModal"><span class="glyphicon glyphicon-pencil">span> 修改button>
    399. 				  <button type="button" class="btn btn-danger"><span class="glyphicon glyphicon-minus">span> 删除button>
    400. 				div>
    401. 				
    402. 				
    403. 			div>
    404. 			<div style="position: relative;top: 50px;">
    405. 				<table class="table table-hover">
    406. 					<thead>
    407. 						<tr style="color: #B3B3B3;">
    408. 							<td><input type="checkbox" />td>
    409. 							<td>名称td>
    410. 							<td>公司td>
    411. 							<td>公司座机td>
    412. 							<td>手机td>
    413. 							<td>线索来源td>
    414. 							<td>所有者td>
    415. 							<td>线索状态td>
    416. 						tr>
    417. 					thead>
    418. 					<tbody>
    419. 						<tr>
    420. 							<td><input type="checkbox" />td>
    421. 							<td><a style="text-decoration: none; cursor: pointer;" onclick="window.location.href='detail.html';">李四先生a>td>
    422. 							<td>动力节点td>
    423. 							<td>010-84846003td>
    424. 							<td>12345678901td>
    425. 							<td>广告td>
    426. 							<td>zhangsantd>
    427. 							<td>已联系td>
    428. 						tr>
    429.                         <tr class="active">
    430.                             <td><input type="checkbox" />td>
    431.                             <td><a style="text-decoration: none; cursor: pointer;" onclick="window.location.href='detail.html';">李四先生a>td>
    432.                             <td>动力节点td>
    433.                             <td>010-84846003td>
    434.                             <td>12345678901td>
    435.                             <td>广告td>
    436.                             <td>zhangsantd>
    437.                             <td>已联系td>
    438.                         tr>
    439. 					tbody>
    440. 				table>
    441. 			div>
    442. 			
    443. 			<div style="height: 50px; position: relative;top: 60px;">
    444. 				<div>
    445. 					<button type="button" class="btn btn-default" style="cursor: default;">共<b>50b>条记录button>
    446. 				div>
    447. 				<div class="btn-group" style="position: relative;top: -34px; left: 110px;">
    448. 					<button type="button" class="btn btn-default" style="cursor: default;">显示button>
    449. 					<div class="btn-group">
    450. 						<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
    451. 							10
    452. 							<span class="caret">span>
    453. 						button>
    454. 						<ul class="dropdown-menu" role="menu">
    455. 							<li><a href="#">20a>li>
    456. 							<li><a href="#">30a>li>
    457. 						ul>
    458. 					div>
    459. 					<button type="button" class="btn btn-default" style="cursor: default;">条/页button>
    460. 				div>
    461. 				<div style="position: relative;top: -88px; left: 285px;">
    462. 					<nav>
    463. 						<ul class="pagination">
    464. 							<li class="disabled"><a href="#">首页a>li>
    465. 							<li class="disabled"><a href="#">上一页a>li>
    466. 							<li class="active"><a href="#">1a>li>
    467. 							<li><a href="#">2a>li>
    468. 							<li><a href="#">3a>li>
    469. 							<li><a href="#">4a>li>
    470. 							<li><a href="#">5a>li>
    471. 							<li><a href="#">下一页a>li>
    472. 							<li class="disabled"><a href="#">末页a>li>
    473. 						ul>
    474. 					nav>
    475. 				div>
    476. 			div>
    477. 			
    478. 		div>
    479. 		
    480. 	div>
    481. body>
    482. html>

    功能测试

    点击条件查询的线索状态，根据数据库内容查出各种数据

     点击创建，弹出模态窗口，展示各个选项的下拉框，数据从数据库中查询而来，增加了系统后期的数据维护性。

     

     

  • 相关阅读:
    java毕业设计成品基于JavaWeb酒店管理系统开发与设计[包运行成功]
    HTML学生个人网站作业设计：公益专题扫黑除恶(HTML+CSS)
    供应链 | M&SOM论文解读：零售商响应定价能力对供应链韧性的影响
    java面向切面编程AOP案例，记录请求日志
    Lock和synchronized的区别
    ​软考-高级-信息系统项目管理师教程 第四版【第17章-项目干系人管理-思维导图】​
    OSG学习之三：坐标变换
    再思考设计模式
    Go语言学习笔记——单元测试
    使用pytorch将三维图像分块(patches)
  • 原文地址：https://blog.csdn.net/weixin_59334478/article/details/125897030