JavaWeb项目实战-油画商城

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaWeb项目实战-油画商城，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含8665字，纯文字阅读大概需要13分钟。

内容图文

整个项目都已经上传到github-mmgallery上，供有需要的读者使用，主要文件来自于csdn，区别是csdn中的项目数据存储在MySQL中，本项目数据存储在Xml文件中。课件和学习视频课程来自MK网 Java工程师2020第二阶段。

1.MVC架构模式

早期代码：显示与代码耦合，一个页码中既有html网页，也有Java代码，代码混乱且可读性差

<Ul>
    <%
    	int max=Integer.parseInt()
    %>
</Ul>

Model View Controller

JavaWeb项目实战-油画商城 - 文章图片

显示与代码解耦，各司其职

模型Model：负责生产业务需要的数据，即具体的业务逻辑，功能类默认以**Service.java命名。

JavaWeb项目实战-油画商城 - 文章图片

控制器是视图与模型的中介(粘合剂)
视图(View) 用于展示最终结果

MVC优点：

软件团队分工合作，成员各司其职
分层开发，显示与数据解耦，便于维护
组件可灵活替代，互不影响

2.项目代码结构

2.1 工程结构与开发规约

工程结构
JavaWeb项目实战-油画商城 - 文章图片

包结构

JavaWeb项目实战-油画商城 - 文章图片

MVC调用关系

JavaWeb项目实战-油画商城 - 文章图片

2.2 JavaBean

一种Java中可重用组件，是一种Java类的格式要求，通常用于存储数据
格式要求：

public类，并提供默认构造函数；
所有属性private私有化
属性通过getter与setter方法读写

3.实现思路

开发PaintingDao读取xml数据，实现分页操作；
开发PaintingService服务类，调用PaintingDao；
开发PaintingController控制器，调用PaintingService，同时分发请求，响应
重写index.html，利用jsp技术读取分页

4.编写

4.1 创建工程

本工程的数据以xml文件存储，而不是数据库

4.2 开发XmlDataSource 获取XML路径

Dao与XML的中介

JavaWeb项目实战-油画商城 - 文章图片

4.3 分页思路

JavaWeb项目实战-油画商城 - 文章图片

分页有两个类：XmlDataSource.java 和 PageModel.java 加一个JavaBean Painting.java。XmlDataSource.java读取XML，得到存储Painting对象的List 的 data ，（使用了一个getRawData的静态方法）。PageModel获取 data 并

获取 page(页号) 和 rows(每页记录数)参数得到关键的当前页面数据List pageData 。PaintingDao 是整合两个类形成一个数据接口，关键是一个分页函数pagination：

public PageModel pagination(int page, int rows) {
        List<Painting> list = XmlDataSource.getRawData();
        PageModel pageModel = new PageModel(list,page,rows);
        return pageModel;
}

PaintingService重写 pagination 直接调用的Dao的分页函数，只是进行一定的参数判断，避免一些异常

public PageModel pagination(int page, int rows, String...category) {
        if(rows == 0) {
            throw new RuntimeException("无效的rows参数");
        }
        if(category.length == 0 || category[0] == null) {
            return paintingDao.pagination(page,rows);
        } else {
            return paintingDao.pagination(Integer.parseInt(category[0]), page,rows);
        }
    }

再到 PaintingController.java中获取参数，提供默认值，获取 pageModel的对象，然后再req中设置参数并请求转发给对应的 index.jsp页面

index.jsp使用EI和JSTL来获取 pageModel

<ul>
            <c:forEach items="${pageModel.pageData}" var="painting">
                <li>
                    <img src="${painting.preview}" class="img-li">
                    <div class="info">
                        <h3>${painting.pname}</h3>
                        <p>
                            ${painting.description }
                        </p>
                        <div class="img-btn">
                            <div class="price"><fmt:formatNumber pattern="0.00" value="${painting.price}"></fmt:formatNumber></div>
                            <a href="#" class="cart">
                                <div class="btn">
                                    <img src="image/cart.svg">
                                </div>
                            </a>
                        </div>
                    </div>
                </li>
            </c:forEach>
        </ul>

在实现分类预览功能中，在PaintingDao中重写了pagination()，并添加category参数，对其进行分类，并在PaintingService中利用可变参数来返回数据：

public PageModel pagination(int page, int rows, String...category) {
        if(rows == 0) {
            throw new RuntimeException("无效的rows参数");
        }
        if(category.length == 0 || category[0] == null) {
            return paintingDao.pagination(page,rows);
        } else {
            return paintingDao.pagination(Integer.parseInt(category[0]), page,rows);
        }
    }

4.4 后台管理平台结构

三栏布局，提供油画列表展示，预览，修改，删除等操作，新增作品提供文件上传功能

以 management.html做模板，然后右侧展示内容使用请求。

对应的编写一个 ManagementController.java来统一管理各项请求，利用method来分配到各个具体请求处理方法中：

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        req.setCharacterEncoding("UTF-8"); //为了doPostd调用 doGet
        resp.setContentType("text/html;charset=utf-8");
        String method = req.getParameter("method");
        if(method.equals("list")){
            this.list(req,resp);
        } else if(method.equals("delete")) {
            this.delete(req,resp);
        } else if(method.equals("show_create")){
            this.show_createPage(req,resp);
        } else if(method.equals("create")){
            this.create(req,resp);
        } else if(method.equals("show_update")) {
            this.showUpdatePage(req, resp);
        } else if (method.equals("update")) {
            this.update(req,resp);
        }
    }

/**
     * 分页展示
     * @param req
     * @param resp
     * @throws ServletException
     * @throws IOException
     */
    private void list(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        String p = req.getParameter("p");
        String r = req.getParameter("r");
        if(p == null) {
            p = "1";
        }
        if(r == null) {
            r = "6";
        }
        PageModel pageModel = paintingService.pagination(Integer.parseInt(p),Integer.parseInt(r));
        req.setAttribute("pageModel", pageModel);
        req.getRequestDispatcher("/WEB-INF/jsp/list.jsp").forward(req,resp);
    }

BTW：IDEA热部署对于HTML与JAVA都可以的，只要设置两点：

IDEA界面右上角 Tomcat 下拉找到Edited Configuration，将其中的服务器 Server板块的 On frame deativation设置为 Update classes and resource
处于Debug模式进行调试，这样就是热启动了。

在执行预览功能的时候，使用了SweetAlert2对话框js组件（github上的源代码需要利用node.js编译成最终可使用的js文件）。

<script type="text/javascript">
	//对话框显示预览图
	function showPreview(previewObj){
		var preview = $(previewObj).attr("data-preview");
		var pname = $(previewObj).attr("data-pname");
		Swal.fire({
			title: pname,
			html: "<img src='" + preview + "' style='width:361px;height:240px'>",
			showCloseButton: true,
			showConfirmButton: true
		})
	}
</script>
<td>
	<a class="oplink" data-preview="${painting.preview}" data-pname="${painting.pname }" href="javascript:void(0)" onclick="showPreview(this)">预览</a>
</td>

4.4.3 处理文件上传

利用Apache Commons FileUpload组件实现上传功能
封装可重用的js脚本解决表单校验问题

文件上传表单：

form表单method="post"
form表单enctype="multipart/form-data"
form表单持有file类型input进行文件选择

文件上传之后，特别是表单 form 中设置 enctype="multopart/form-data"之后与标准的表单post请求是不同的。因此直接用req.getParameter()取数据都是null，得不到数据的，因此需要Apache Commons FileUpload组件。

在这个过程中，逻辑是从前端到后端，从Controller到XmlDataSource，在ManagementController.java中的create方法如下：

private void create(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //文件上传时的数据处理与标准表单完全不同
        //1.初始化FileUpload组件
        FileItemFactory factory = new DiskFileItemFactory();
        ServletFileUpload sf = new ServletFileUpload(factory);
        //2.遍历所有表单项FileItem
        try {
            List<FileItem> formData = sf.parseRequest(req);
            Painting painting = new Painting();
            for(FileItem fi:formData) {
                if (fi.isFormField()) {
                    System.out.println("普通输入项：" + fi.getFieldName() + ": " + fi.getString("UTF-8"));
                    switch(fi.getFieldName()){
                        case "pname":
                            painting.setPname(fi.getString("UTF-8"));
                            break;
                        case "category":
                            painting.setCategory(Integer.parseInt(fi.getString("UTF-8")));
                            break;
                        case "price":
                            painting.setPrice(Integer.parseInt(fi.getString("UTF-8")));
                            break;
                        case "description":
                            painting.setDescription(fi.getString("UTF-8"));
                            break;
                        default:
                            break;
                    }
                } else {
                    System.out.println("文件上传项:" + fi.getFieldName());
                    //3.文件保存到服务器目录中
                    String path = req.getServletContext().getRealPath("/upload");
                    System.out.println("上传文件目录:" + path);
                    String fileName = UUID.randomUUID().toString();
                    String suffix = fi.getName().substring(fi.getName().lastIndexOf("."));
                    fi.write(new File(path,fileName + suffix));
                    painting.setPreview("upload/" + fileName + suffix);
                }
            }
            paintingService.create(painting);//新增功能
            //这里用响应重定向是因为 这里的 create与list界面没有强关系，只是一个需要的展示页面
            //前面使用 请求转发，是因为resp里面的数据会直接发送到对应的页面上显示。
            resp.sendRedirect("/mmgallery_war_exploded/management?method=list");

        } catch (FileUploadException e) {
            e.printStackTrace();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }

4.4.6 更新表单

首先得要回填数据，保存数据在新增页面的状态，在此基础上进行修改

修改与新增的最大不同是在修改前要加载原有数据
在修改页面设置hidden隐藏域保存id编号，随表单提交
对XML更新时，先按id获取原始记录，在此基础上覆盖更新

利用id来先回填数据，后面再修改，略

4.4.7 删除表单

public static void delete(Integer id){
        SAXReader reader = new SAXReader();
        Writer writer = null;
        try {
            Document document = reader.read(dataFile);
            List<Node> nodes = document.selectNodes("/root/painting[@id=" + id + "]");
            if(nodes.size() == 0) {
                throw new RuntimeException("id=" + id + "编号油画不存在");
            }
            Element p = (Element)nodes.get(0);
//            删除操作
            p.getParent().remove(p);
            writer = new OutputStreamWriter(new FileOutputStream(dataFile),"UTF-8");
            document.write(writer);
        } catch (Exception e) {
            e.printStackTrace();
        } finally {
            if(writer != null) {
                try {
                    writer.close();
                } catch (IOException e) {
                    e.printStackTrace();
                }
            }
            reload();
        }
    }

。。。。略

5.总结

暂时总结：过年期间断断续续花了可能有10多天的时间跟着视频一步一步把整个项目的所有功能写完，算是过了一遍Java-Web中的 MVC架构的实现。如何将请求传递到后台，再将后天处理的返回到前端jsp中。而且里面还有大量关于JS代码的实现，后续还需要很多时间去消化和理解，先暂时写出来。

内容总结

以上是互联网集市为您收集整理的JavaWeb项目实战-油画商城全部内容，希望文章能够帮你解决JavaWeb项目实战-油画商城所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/603968.html

来源：【匿名】

【上一篇】JavaFx动画-淡入淡出【下一篇】JAVA/JSP学习系列之五

更多 ►

【JavaWeb项目实战-油画商城】教程文章相关的互联网学习教程文章

一个类有多个组成部分，例如：成员变量，方法，构造方法等。反射就是加载类，并解剖出类的各个组成部分。编程时什么情况下才需要加载类，并解剖出累的各个组成部分呢？反射是用来做框架的。从配置文件中解读类的方法等。Java中有一个Class类用于代表某一个类的字节码。Class类既然代表某个类的字节码，它当然就要提供加载某个类自己吗的方法：forName(). forName方法用于加载某个类的字节码到内存中，并使用class对象进行封装。另外...

javaweb学习总结(十)——HttpServletRequest对象(一)【代码】

一、HttpServletRequest介绍　　HttpServletRequest对象代表客户端的请求，当客户端通过HTTP协议访问服务器时，HTTP请求头中的所有信息都封装在这个对象中，通过这个对象提供的方法，可以获得客户端请求的所有信息。二、Request常用方法2.1、获得客户机信息　　getRequestURL方法返回客户端发出请求时的完整URL。　　getRequestURI方法返回请求行中的资源名部分。　　getQueryString 方法返回请求行中的参数部分。　　getPathInfo方...

JavaWeb和WebGIS学习笔记（五）——使用OpenLayers显示地图【代码】【图】

系列链接：Java web与web gis学习笔记（一）——Tomcat环境搭建Java web与web gis学习笔记（二）——百度地图API调用JavaWeb和WebGIS学习笔记（三）——GeoServer 发布shp数据地图JavaWeb和WebGIS学习笔记（四）——使用uDig美化地图，并叠加显示多个图层前言：在上一篇博客JavaWeb和WebGIS学习笔记（四）——使用uDig美化地图，并叠加显示多个图层中，我们使用Layer Preview功能，通过GeoServer自带的OpenLayer预览到了我们发布的...

javaweb学习总结十七(web应用组织结构、web.xml作用以及配置虚拟主机搭建网站)【图】

一：web应用组织结构1：web应用组成结构 2：安装web组成机构手动创建一个web应用程序目录a：在webapps下创建目录webb：在web目录下创建html、jsp、css、js、WEB-INF等目录以及index.html访问首页文件c：在html、jsp、css、js目录中写对应的文件，在WEB-INF目录创建classes、lib以及web.xml文件d：启动服务器，访问：默认访问index.html如果将web设置成服务器默认访问的应用程序，那么只需要访问localhost:8080，在server.xml文件中...

JavaWeb04_Servlet应用初步【代码】

JavaWeb04_Servlet应用初步获取上下文对象方法一：重写init()方法，通过ServletConfig对象获得：public ServletContext context; @Override public void init(ServletConfig config) throws ServletException { context = config.getServletContext(); } @Override protected void doGet(HttpServletRequest req, HttpServletResponse resp)throws ServletException, IOException {context.setAttribute("key", "小王"); } 方法二...

JavaWeb 增删改查功能【代码】

1.今天来写一个简单的增删改查功能，这个项目还是接着在昨天写的 --JavaWeb实现简单登录注册-- 来写的。登录成功进来后对学生信息的增删改查好了，直接贴上今天写的代码src文件下的代码： jsp页面：数据库创建语句： 1CREATE TABLE nanfeng.student (2 stu_id INT NOT NULL AUTO_INCREMENT,3 stu_name varchar(100) NULL,4 stu_sex varchar(100) NULL,5 stu_age INT NULL,6 stu_class varchar(100) NULL,7 ...

回到javaweb的第九天（一）(html标签完结)【图】

由于htmll的标签的内容，今天要写一个小案例，因此先不复习了吧。刚刚还去复习一下吧了忘性太大第一个案例做的表单大概长这样。原文：https://www.cnblogs.com/startFrom0/p/12731624.html

JavaWeb DOM1【图】

一、BOM的概述 browser object modal :浏览器对象模型。浏览器对象：window对象。 Window 对象会在 <body> 或 <frameset> 每次出现时被自动创建。二、window的属性 innerHeight: innerWidth: IE不支持通用写法：document.body.clientWidth document.body.clientHeight self :等同于window对象 parent：是打开窗口的父窗口对象 opener：是打开窗口的父窗口对象。 2种情况下使用opener: ...

深入浅出 JavaWeb：Servlet必会必知

一、Web服务器从事web开发的人，会很清楚一个东西叫HTTP服务器，比如JEE开发—Tomcat，Jetty，.NET开发—ISS等。HTTP服务器是使用 HTTP（超文本传输协议）与客户机浏览器进行信息交流。下面就是HTTP服务器简单交互图：（来自[JavaEE 要懂的小事] Http相关博客）HTTP服务器是Web服务器的一种，也是开发最常见的，自然还有其他方式进行信息交互，比如FTP文件服务器…Web服务器是可以向发出请求的浏览器提供文档的程序。其核心过程为...

JavaWeb项目架构之Redis分布式日志队列【代码】【图】

架构、分布式、日志队列，标题自己都看着唬人，其实就是一个日志收集的功能，只不过中间加了一个Redis做消息队列罢了。前言为什么需要消息队列？当系统中出现“生产“和“消费“的速度或稳定性等因素不一致的时候，就需要消息队列，作为抽象层，弥合双方的差异。比如我们系统中常见的邮件、短信发送，把这些不需要及时响应的功能写入队列，异步处理请求，减少响应时间。如何实现？成熟的JMS消息队列中间件产品市面上有很多，但是基...

JavaWeb登录、注销、退出、记住用户名和密码【代码】

应该是保存在Cookie里，session是放在服务器的内存里的。在用户关闭了网页窗口后，session就清空了。而Cookie是保存在用户的IE临时文件夹中的，再次登录时，读取其中的值传给服务器。 session是放在服务器的内存，Cookie是保存在用户端。以下是从网上搜到的相关内容，希望对你有用：一、cookie机制和session机制的区别 ************************************************************************************* 具体来说cookie机...

Javaweb运行时出现Tomcat错误【图】

运行web项目时出现如下错误如何解决重新配置路径，具体可参考 https://www.cnblogs.com/xueqiuxiang/p/12087947.html 中提到的配置Tomcat的方法，这里就不详细说明了。如果还未成功，鼠标右击项目，点击关闭项目，然后重新打开。原文：https://www.cnblogs.com/xueqiuxiang/p/12088106.html

JavaWeb项目导入Servlet出错（javax.servlet相关异常）

转载于：https://blog.csdn.net/JoBo199501/article/details/86680071右击项目——>属性（Properties）——>找到Build Java Path——>右边有libraries选项，点击——>Add Libraries——>Server Runtime——>next,再选中你的tomcat服务器——>finish，回到Java Build Path右边界面中的Orader and Export——>选中刚刚添加的ok就可以了原文：https://www.cnblogs.com/rj182jysstudy/p/11911752.html

javaweb基础----使用jquery的ajax【代码】

方式一： 1<script type="text/javascript"> 2function test() {3 $.ajax({4 url:"test1",//要发送的地址 5 data:{6"str":"你好",7"str2":"世界" 8 },//发送的数据 9 type: "POST",//发送的类型10 dataType:"html",//预期响应的数据类型11 success: function (data) { 12//服务器返回的内容13 alert(data) 14 } 15 })...

JavaWeb学习记录（一）——response响应头之缓存设置与下载功能的实现

一、HTTP中常用响应头Location: http://www.it315.org/index.jspServer:apache tomcatContent-Encoding: gzipContent-Length: 80Content-Language: zh-cnContent-Type: text/html; charset=GB2312Last-Modified: Tue, 11 Jul 2000 18:23:51 GMTRefresh: 1;url=http://www.it315.orgContent-Disposition: attachment; filename=aaa.zipTransfer-Encoding: chunked Set-Cookie:SS=Q0=5Lb_nQ; path=/searchETag: W/"7777-124223490400...

首页 / JAVA / JavaWeb项目实战-油画商城

JavaWeb项目实战-油画商城

内容导读

内容图文

1.MVC架构模式

2.项目代码结构

2.1 工程结构与开发规约

2.2 JavaBean

3.实现思路

4.编写

4.1 创建工程

4.2 开发XmlDataSource 获取XML路径

4.3 分页思路

4.4 后台管理平台结构

4.4.3 处理文件上传

4.4.6 更新表单

4.4.7 删除表单

5.总结

内容总结

内容备注

内容手机端

【JavaWeb项目实战-油画商城】教程文章相关的互联网学习教程文章

JAVAWEB - 相关标签

项目 - 相关标签

JAVA - 技术教程分类

JAVA - 最新教程

JAVA - 最热教程