JSP动态网页编程技术及SSM框架进行服装企业门户网站系统开发

     

文章简介：本文介绍了基于Web的服装企业系统的设计及开发过程，采用JSP动态网页编程技术及SSM框架进行该系统的开发，完成了对该系统的分析设计及具体实现过程，开发出一个功能比较完善的服装企业门户网站。服装企业通过使用该系统，能够方便、高效地在网上开展电子商务活动，如有设计网站需要可联系作者。

作者简介：软件工程师，希望能认识更多的小伙伴一起交流，可私信或QQ号：1686231613

---------------------------------------------------------------------------------------------------------------------------------

       在完成了服装设计网站的需求分析、总体设计、详细设计之后，本章将主要阐述各个功能模块及整个系统的代码实现过程。本项目使用Dreamweaver8进行页面设计，Eclipse进行代码的加工，并编写数据库操作类mysqlconn.java，在JSP页面的代码设计过程中会使用这个类。

现将mysqlconn.java中部分代码显示如下：

import java.sql.*;                           //导入java.sql下所有的包

public class mysqlconn {                    //建立mysqlconn类

String sDBDriver = "org.gjt.mm.mysql.Driver";   //加载JDBC驱动

String sConnStr =

"jdbc:mysql://localhost/jspshop?user=root&password=123&useUnicode=true&characterEncoding=GB2312";                          //进行数据库连接

……                                                    

public void executeInsert(String sql)            //执行插入操作

……                                                   

public void executeDelete(String sql)           //执行删除操作

……                                                   

public int executeUpdate(String sql)           //执行更新操作

……                                                   

public void Close()                        //关闭数据库连接

……                                                   

在命令行中进入存放mysqlconn.java文件的目录后输入：

javac mysqlconn.java

在用一级目录下生成mysqlconn.class文件，在系统运行过程中，这个文件将被调用。

以下是系统首页的预览图，如图所示：

       在系统首页中可以看到，页面中使用JSP内部命令<% include file=””%>静态包含了几个jsp文件，分别是 “top.jsp”、“shifoudenglu.jsp”、“search.jsp”、“sort.jsp”、“notice.jsp”。分别实现了首页中“头部导航页”、“用户登录”、“商品搜索”、“商品分类”、“公告”几个部分，能使浏览者方便地进行操作。在首页中，还具有“新品推荐”部分，显示了最新入库的商品信息，为浏览者提供最新的服装信息，体现了服装商品潮流化的需要。下面将介绍各个功能模块的实现。

1. 用户模块

用户模块包括用户注册和用户登录两部分。由于这两个部分的设计流程已经在前面章节介绍过，且这部分实现算法比较简单，故而只展示下这两个部分的界面效果。

1. 1 用户登录界面

用户登录功能先使用request对象中的getParameter()方法得到提交的用户名和密码，依次使用if语句进行判断，如果用户名为空或输入密码错误都将导致登录失败。用户登录界面如图所示：

2. 商品展示模块

在用户浏览商品小图时，如果点击商品小图，将打开该商品的详细信息页面。每件商品都有一个编号且唯一。当点击商品小图时，实际上JSP代码中使用超链接方式并传递商品编号。具体方法为加入代码<a href=”vies.jsp? clothesid=”<%=clothesid%>”>，将”clothesid”这个参数传递后，在”vies.jsp”页面中首先需要进行类型转换。代码片段如下：

String id=request.getParameter("clothesid").trim();

int clothesid=Integer.parseInt(id);

这样使用Integer.parseInt()方法将String类型的变量转换为int类型的变量，方便之后执行数据库的查询，执行查询的SQL语句如下：

sql="select * from hw where clothesid="+clothesid;

这样做的目的是查询出数据库表的记录中clothesid为该商品编号的那条记录，并显示出其他所有字段的内容，方便后面对这些字段内容的输出。然后声明：

rs=mdb.executeQuery(sql);并根据各字段变量类型使用rs.getInt或re.getString方法将这些变量值赋给新建的变量，这样做的目的是保证变量类型的统一，输出时不会出错。最后在页面中相应地方使用<%=变量名%>的方法输出各个字段的值。

该模块的页面效果如图所示：

3. 企业新闻模块

用户在查看企业详细信息，点击企业新闻按钮后执行查询并更新数据库记录，将企业新闻以列表形式返还给前台界面，代码如下：

public class XinwentongzhiController {

@Resource

private XinwentongzhiServer xinwentongzhiService;

//

   @RequestMapping("showXinwentongzhi.do")

   public String showXinwentongzhi(int id,ModelMap map,HttpSession session){

 /*  Map<String,Object> bmap=new HashMap<String,Object>();

   bmap.put("uid", id);*/

  // map.put("blist", xinwentongzhiService.getAll(bmap));

   map.put("xinwentongzhi", xinwentongzhiService.getById(id));

   return "read";

   }

   

@RequestMapping("addXinwentongzhi.do")

public String addXinwentongzhi(HttpServletRequest request,Xinwentongzhi xinwentongzhi,HttpSession session){

Timestamp time=new Timestamp(System.currentTimeMillis());

//Users u=(Users)session.getAttribute("user");

/*if(u==null||u.equals("")){

return "redirect:showIndex.do";

}else{*/

    xinwentongzhi.setAddtime(time.toString().substring(0, 19));

xinwentongzhiService.add(xinwentongzhi);

session.setAttribute("backxx", "添加成功");

session.setAttribute("backurl", "xinwentongzhiList.do?lb="+request.getParameter("leibie"));

return "redirect:postback.jsp";

/*}*/

}

企业新闻界面效果如图所示：

1. 企业新闻详细信息模块

此模块中系统将显示企业新闻的详细记录，如图所示：

1. 系统公告模块

系统公告模块的实现方法比较简单，只要在页面中相应位置显示表中记录即可。其效果图如图所示：

 

1. 1. 其他功能模块

留言板的界面效果如图所示：

 

合作伙伴的界面效果如图所示：