不知道从什么时候起，我爱上了写博客，对之前学得的只是进行反思。写了几天课程设计，基本功能实现了

MVC(Model View Controller)设计模式在JavaFX中有着比Swing更好的表现方式。它使得程序界面设计和程序逻辑设计完全分开，便于代码的可读性和以后的可维护性。

JavaEE体系架构采用传统的MVC设计模式，分为Model、View、Controller三层，其中：Model即模型层，定义数据模型和业务逻辑。为了将数据访问与业务逻辑分离，提高业务精度，降低代码之间的耦合，模型层又细分为DAO层与业务层，DAO全称为Data Access Object（数据访问对象），将数据库访问代码封闭起来，Hibernate API也在此封装，不再出现在其他层或向其他层暴露；业务层是整个系统最核心也最具价值的一层，该层封装应用程序的业务逻辑，处理数据，关注客户需求，在业务处理过程中会访问原始数据或产生新数据，或者需要持久化数据，DAO层提供的DAO类能很好地帮助业务层完成数据处理，业务层本身则侧重于对客户需求的理解和业务规则的适应，自然也包括大部分的计算，总体说来，DAO不处理业务逻辑，只为业务层提供辅助，获取原始数据或持久化数据等操作。View即视图层，为最终用户提供一个友好的交互界面，用户可以查看请求结果，也可以通过表单等交互手段实现数据录入。Controller层即控制器，控制器是Model与View的桥梁，将二者很好的衔接，通过View接收用户数据，Controller将数据传输给Model，Model对数据进行处理；或者Model读取数据后，Controller将数据传递给View，View向用户展示数据。一来一往，Controller成了Model与View之间的快乐使者。 

系统构架模式:  MVC构架模式(有用到DAO模式) 

后台管理系统的项目结构有JavaBean类、Dao接口类、Dao接口实现类、控制类，如图a所示：

 JavaWeb网上商城的设计_java

图a

网上商城前台的项目结构有JavaBean类、Dao接口类、Dao接口实现类、控制类,如图

b所示：
JavaWeb网上商城的设计_java_02
 

                    图b



JSP图片上传

 总的说图片上传有两种方式，一种是把图片文件写到数据库中，另一种是存到服务器文件目录中。写到数据库中的图片文件需要转换成二进制流的格式，占用数据库空间比较，适合少量图片的存储，比如说，系统中某些小图标，写到数据库中的优点是比较安全，不容易被用户不小心删除。

下面是我在网上复制的例子：

   现在不管是博客论坛还是企业办公，都离不开资源的共享。通过文件上传的方式，与大家同分享，从而达到大众间广泛的沟通和交流，我们既可以从中获得更多的知识和经验，也能通过他人的反馈达到自我改进和提升的目的。

        下面我就为大家介绍 web项目中的这一上传功能，那么文件是如何从本地发送到服务器的呢？看我慢慢道来：

        首先，我们创建一个新的web工程，在工程的WebRoot目录下新建一个upload文件夹，这样当我们将该工程部署到服务器上时，服务器便也生成个upload文件夹，用来存放上传的资源。

        然后，在WebRoot目录下新建一个jsp文件，主要实现的作用就是选择上传的文件，提交至servlet来进行处理

       详细代码如下：一个form将文件信息通过post方式传送到指定的servlet

[html] ​​view plain​​​​copy​​

  1. <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  5. %>

  7. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  8. <html>
  9. <head>
  10. <base href="<%=basePath%>">

  12. <title>My JSP 'upload.jsp' starting page</title>

  14. <meta http-equiv="pragma" content="no-cache">
  15. <meta http-equiv="cache-control" content="no-cache">
  16. <meta http-equiv="expires" content="0">
  17. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  18. <meta http-equiv="description" content="This is my page">
  19. <!--
  20. <link rel="stylesheet" type="text/css" href="styles.css">
  21. -->

  23. </head>

  25. <body>
  26. <form action="/upload/UpLoad" method="post" enctype="multipart/form-data">
  27. 请选择上传的图片或文件:<input type="file" name="fileName"/><input type="submit" value="上传"/>
  28. </form>
  29. </body>
  30. </html>

             可以看到，我们将数据提交到工程下的upload/UpLoad。

             之后，我们就来编写这个servlet——UpLoad.java
           

[java] ​​view plain​​​​copy​​

  1. package load;

  3. import java.io.File;
  4. import java.io.IOException;
  5. import java.io.PrintWriter;
  6. import java.util.List;

  8. import javax.servlet.ServletContext;
  9. import javax.servlet.ServletException;
  10. import javax.servlet.http.HttpServlet;
  11. import javax.servlet.http.HttpServletRequest;
  12. import javax.servlet.http.HttpServletResponse;

  14. import org.apache.commons.fileupload.FileItem;
  15. import org.apache.commons.fileupload.FileUploadException;
  16. import org.apache.commons.fileupload.disk.DiskFileItemFactory;
  17. import org.apache.commons.fileupload.servlet.ServletFileUpload;

  19. public class UpLoad extends HttpServlet {
  20. @SuppressWarnings("unchecked")
  21. @Override
  22. protected void service(HttpServletRequest req, HttpServletResponse resp)
  23. throws ServletException, IOException {
  24. req.setCharacterEncoding("utf-8");
  25. resp.setContentType("text/html;charset=utf-8");
  26. //为解析类提供配置信息
  27. DiskFileItemFactory factory = new DiskFileItemFactory();
  28. //创建解析类的实例
  29. ServletFileUpload sfu = new ServletFileUpload(factory);
  30. //开始解析
  31. sfu.setFileSizeMax(1024*400);
  32. //每个表单域中数据会封装到一个对应的FileItem对象上
  33. try {
  34. List<FileItem> items = sfu.parseRequest(req);
  35. //区分表单域
  36. for (int i = 0; i < items.size(); i++) {
  37. FileItem item = items.get(i);
  38. //isFormField为true，表示这不是文件上传表单域
  39. if(!item.isFormField()){
  40. ServletContext sctx = getServletContext();
  41. //获得存放文件的物理路径
  42. //upload下的某个文件夹   得到当前在线的用户  找到对应的文件夹

  44. String path = sctx.getRealPath("/upload");
  45. System.out.println(path);
  46. //获得文件名
  47. String fileName = item.getName();
  48. System.out.println(fileName);
  49. //该方法在某些平台(操作系统),会返回路径+文件名
  50. fileName = fileName.substring(fileName.lastIndexOf("/")+1);
  51. File file = new File(path+"\\"+fileName);
  52. if(!file.exists()){
  53. item.write(file);
  54. //将上传图片的名字记录到数据库中

  56. resp.sendRedirect("/upload/ok.html");
  57. }
  58. }
  59. }
  60. } catch (Exception e) {
  61. e.printStackTrace();
  62. }

  64. }

  66. }

 自学的软件工程的设计思路

Ø 定义阶段：​​可行性研究​​​初步项目计划、​​需求分析​​

网上商城的目的是为广大的网络用户提供一个网上购物平台，利用网络的便捷方便人们的日常生活。为了使它适合更多的用户使用，系统的界面设计应该尽量做到友好、简洁，功能的实现更注重人性化，方便用户的购买，使得用户很快便可以熟练掌握使用方法。

本系统采用B/S模式，服务器端使用JSP进行动态网页的开发。

Ø 开发阶段：​​概要设计​​​、​​详细设计​​、实现、测试

网上商城可以为各类用户提供方便的在线购物环境。用户可以在系统中实现 注册、浏览商品、下订单、处理订单等功能；管理员可以通过用户管理、订单管理、商品管理等管理功能来对系统进行维护更新。

Ø 运行和维护阶段：运行、维护、废弃
 

网上商城分为前台用户界面和后台管理系统。所以要对商城的运行效率和稳定性进行测试。提高系统的安全性和稳定性。

 

活动图：

商城前台活动图

JavaWeb网上商城的设计_mvc_03
 

后台管理系统活动图

 
JavaWeb网上商城的设计_java_04


 

演示:

网上商城客户端
 
JavaWeb网上商城的设计_html_05

浏览商品

 JavaWeb网上商城的设计_数据_06
购买商品

JavaWeb网上商城的设计_mvc_07

后台管理系统:

JavaWeb网上商城的设计_html_08

上传图片，然后保存图片路径到数据库

JavaWeb网上商城的设计_mvc_09
 

ps：本系统只是一个课程设计，是博主大二时候做的，功能很简单，只能学习参考。采用的技术栈是Servlet+jsp，并没有用框架

技术博客专栏学习：

部分技术博客参考学习：



技术博客公众号
JavaWeb网上商城的设计_mvc_10
QQ群：1129337987