JSP+Servlet 实现：理财产品信息管理系统

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

一、接业务，作分析

1、大致业务要求

1.1使用 JSP+Servlet 实现理财产品信息管理系统，MySQL5.5 作为后台数据库，实现查看理财和增加理财功能

1.2查询页面效果图

1.3添加新信息页面效果图

2、查询页面要求

2.1打开首页页面，默认显示所有记录，且按发售起始日降序排序，查询列表使用样式实现标题字体、标题背景色和隔行变色效果

分析：初始页面为 Servlet 然后返回至主界面，且包括 ArrayList<> 集合框架的返回值。主页中通过 <c:forEach 在表格中显示数据并控制行数，在 <c:forEach 中添加 <c:if 判断当前是第几条信息，若为偶数次数，则给出相应的 css 样式相反，加一个 <c:if 去控制非偶数次数的信息，不给出 css 样式

<c:forEach items="${requestScope.fdata }" begin="0" var="f" varStatus="status">
<c:if test="${status.index%2==0}">
<tr align="center">
<td>
${f.getId() }
</td>
<td>
${f.getRisk() }
</td>
<td>
${f.getIncome() }
</td>
<td>
${f.getSaleStarting() }
</td>
<td>
${f.getSaleEnd() }
</td>
<td>
${f.getEnd() }
</td>
</tr>
</c:if>
<c:if test="${status.index%2!=0}">
<tr class="tabletrBackGroundHui" align="center">
<td>
${f.getId() }
</td>
<td>
${f.getRisk() }
</td>
<td>
${f.getIncome() }
</td>
<td>
${f.getSaleStarting() }
</td>
<td>
${f.getSaleEnd() }
</td>
<td>
${f.getEnd() }
</td>
</tr>
</c:if>
</c:forEach>

<c:forEach

2.2其中产品代码为模糊查找，理财风险评级下拉框中包括：R1、R2、R3 三种风险类型，当选择某一种理财风险评级后，点击“查询”按钮，筛选出符合条件的理财信息

分析：两条输入框有四种情况，根据不同的四种情况作出不同的查询语句查询

注：若皆为空，默默查询全部信息

sql="select * from financingproduct where id like '%"+id+"%' and risk like '%"+fx+"%'";

模糊查询语句

3、添加新拍产品信息页面要求

3.1当用户输入产品代码后，使用 Ajax 异步校验所输入的产品代码是否与数据库中已经存在的记录的产品代码重复，如果重复，则给出提示“代码不可用”，反之提示“代码可用”

分析:将输入信息传至 Servlet 中，调用数据库，查询该数据是否存在于数据库中。返回 boolean 型值

3.2当点击“保存”按钮后，要求使用 jQuery 编码实现对输入数据的内容验证，要求所有输入项不能为空，风险评级不能是默认选项“――请选择――”，日期必须满足“yyyy-MM-dd”的格式

分析：将按钮绑定事件，在事件中先完成数据的校验，再将表单提交至 Servlet ，返回数据库影响行数。给出提示信息，如果成功则给出信息后跳转至 GetListServlet 中获取数据，转到主页面显示全部信息

3.3当输入数据验证通过后，则提交至新增理财的 Servlet，进行中文乱码处理并实现数据保存。如添加成功则给出成功提示，如添加失败则给出失败信息并跳转至新增理财页面。

分析：表单提交后在 Servlet 中验证，使用 if 语句根据不同结果返回添加页面，给出结果信息

二、架构设计思路

三、数据库设计

四、项目框架搭建

4.1、jsp 页面实现

4.1.1查询信息的主页面

<tr class="tabletrBackGroundHui"><td>产品代码</td><td>风险评级</td><td>预期收益</td><td>发售起始日</td><td>发短信截止日</td><td>产品到期日</td></tr>
<c:forEach items="${requestScope.fdata }" begin="0" var="f" varStatus="status">

<c:if test="${status.index%2==0}">
<tr align="center"><td>${f.getId() }</td><td>${f.getRisk() }</td><td>${f.getIncome() }</td><td>${f.getSaleStarting() }</td><td>${f.getSaleEnd() }</td><td>${f.getEnd() }</td></tr>
</c:if>
<c:if test="${status.index%2!=0}">
<tr class="tabletrBackGroundHui" align="center"><td>${f.getId() }</td><td>${f.getRisk() }</td><td>${f.getIncome() }</td><td>${f.getSaleStarting() }</td><td>${f.getSaleEnd() }</td><td>${f.getEnd() }</td></tr>
</c:if>
</c:forEach>

查询页面部分代码

4.1.2添加新信息的添加页面

此页面需要使用 ajax 在<head>中导入

添加信息页面 JavaScript 验证（比较多，写在<head>标签中）

4.2、工程架构实现

4.2.1创建Web project 工程

注：Context root URL 一般情况下与工程名相同，不建议修改

4.2.2创建主包

4.2.3创建主包下的子包 dao、entity、service、servlet

4.2.4在 WebRoot 文件夹下创建 jsp 页面，将写好的页面写入 jsp 文件中

4.2.5示例图：

4.3、具体细节实现

4.3.1dao

编写数据库连接类，financingproduct 数据库操作的相关方法集合类

4.3.2entity

编写实体类

4.3.3service

/**
* 查询方法
* 调用 Dao 类
* 根据输入的财品 id 判断该 id 是否已经存在
*/
public boolean checkAjaxInfo(String poctionId){
return new FinancingProductDao().checkAjaxInfo(poctionId);
}

FinancingProductDao 示例代码

4.3.4servlet

页面转至控制层处理数据返回结果信息

request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8"); String productId=request.getParameter("productId");
productId = new String(productId.getBytes("iso-8859-1"),"gb2312");
if(!new FinancingProductService().checkAjaxInfo(productId)){
// 可用
response.getWriter().println("代码可用");
}else{
// 不可用
response.getWriter().println("代码不可用");
}

CheckServlet 示例代码

4.3.5Tomcat 7.x

( 1 ) 在 Manage Deployments 中部署项目

( 2 ) 在 Servers 选项卡中，启动 Tomcat 7.x

( 3 ) 在浏览中访问项目，地址：http://localhost:8080/FinancingProductSys/

五、项目功能实现

5.1、模糊查询 SQL 语句

request.setCharacterEncoding("utf-8");
String id = request.getParameter("productId");
String fx = request.getParameter("productFx");
// System.out.println(id+"****"+fx);
if(id==null && fx==null){
// 查询全部信息
// 初始值
ArrayList<FinancingProduct> fdata = new ArrayList<FinancingProduct>();
fdata = new FinancingProductService().getInfo();
request.setAttribute("fdata", fdata);
request.getRequestDispatcher("index.jsp").forward(request,response);
}else if (id.equals("") && fx==null){
// 查询全部信息
// 产品为空且风险级别为空
ArrayList<FinancingProduct> fdata = new ArrayList<FinancingProduct>();
fdata = new FinancingProductService().getInfo();
request.setAttribute("fdata", fdata);
request.getRequestDispatcher("index.jsp").forward(request,response);
}else if(!id.equals("") && fx==null){
// 查询全部信息
// 仅有产品代码
fx="";
ArrayList<FinancingProduct> fdata = new ArrayList<FinancingProduct>();
fdata = new FinancingProductService().getInfo(id,fx);
request.setAttribute("fdata", fdata);
request.getRequestDispatcher("index.jsp").forward(request,response);
}else{
// 查询部分信息
ArrayList<FinancingProduct> fdata = new ArrayList<FinancingProduct>();
fdata = new FinancingProductService().getInfo(id,fx);
request.setAttribute("fdata", fdata);
request.getRequestDispatcher("index.jsp").forward(request,response);
}

GetListServlet 示例代码

5.2、隔行添加表格底色

创建一个 css 样式，在 <c:forEach>中利用 varStatus="status" 属性。在 <c:if> 判断当前为第几条信息，如可被 1 余 0，给其添加样式。（代码见上查询页面主页面）

5.2、添加新信息页面数据校验

详情代码见上（添加新信息的添加页面）

request.setCharacterEncoding("utf-8");
String productId = request.getParameter("productId");
String productFxx = request.getParameter("productFx");
int fx = Integer.parseInt(productFxx);
String productSy = request.getParameter("productSy");
String productSt = request.getParameter("productSt");
String productEn = request.getParameter("productEn");
String productDq = request.getParameter("productDq"); FinancingProduct fp = new FinancingProduct();
fp.setId(productId);
fp.setRisk(fx);
fp.setIncome(productSy);
fp.setSaleStarting(productSt);
fp.setSaleEnd(productEn);
fp.setEnd(productDq);
int n = -1 ;
n = new FinancingProductService().addNewInfo(fp);
// System.out.println(n);
if(n>0){
response.getWriter().println("11");
}else{
response.getWriter().println("00");
}