newstyles项目实战（十四）门户工程系统搭建

最新推荐文章于 2021-02-25 15:58:14 发布
最新推荐文章于 2021-02-25 15:58:14 发布
阅读量220 收藏
点赞数
分类专栏： Spring项目实战 newsyles项目实战 文章标签： 项目实战 SSM 框架 java 交流
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18870127/article/details/79790395
版权

       接着上一节，可能有些对文件的目录组织有些问题，不知道文件应该放置到什么地方，所以，先将上一个博客中的内容进行一个补充：

目录组织为：


而这一次将完成门户系统的搭建任务。

根据上一个博客中的结构图，我们可以分析如下内容：

1.要不要连接数据库？不需要，从结构中可以看到，门户系统仅调用服务并不会连接数据库。所以我们可以不适用mybatis类。

2.Spring需要使用嘛？需要，因为我们需要spring进行bean的管理等。

3.springmvc徐娅哟使用嘛？需要，这个需要作为一个表现层进行控制等。

4.同时对于页面的编辑等的如，jstl，jQuery等，同时还需要使用httpClient（使用java代码模拟浏览器）

在这个项目中，rest相当于服务端，门户系统可以认为是一个客户端。

搭建门户工程：


修改配置pom文件（同时也需要在使用一个tomcat服务器进行模拟）：

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <parent>
    <groupId>com.newstyles</groupId>
    <artifactId>newstyles-parent</artifactId>
    <version>0.0.1-SNAPSHOT</version>
  </parent>
  <groupId>com.newstyles</groupId>
  <artifactId>newstyles-portal</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>war</packaging>
  
  <dependencies>
  <dependency>
<!--   用到的工具类 -->
    <groupId>com.newstyles</groupId>
  <artifactId>newstyles-common</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  </dependency>
  		<!-- JSP相关 -->
		<dependency>
			<groupId>jstl</groupId>
			<artifactId>jstl</artifactId>
		</dependency>
  		<!-- Spring -->
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-context</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-beans</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-webmvc</artifactId>

		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-jdbc</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework</groupId>
			<artifactId>spring-aspects</artifactId>
		</dependency>
				<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>servlet-api</artifactId>
			<scope>provided</scope>
		</dependency>
		<dependency>
			<groupId>javax.servlet</groupId>
			<artifactId>jsp-api</artifactId>
			<scope>provided</scope>
		</dependency>
  
  </dependencies>
      <build>
		<!-- 配置插件 -->
		<plugins>
			<plugin>
				<groupId>org.apache.tomcat.maven</groupId>
				<artifactId>tomcat7-maven-plugin</artifactId>
				<configuration>
					<port>8082</port>
					<path>/</path>
				</configuration>
			</plugin>
		</plugins>
	</build>
</project>
     注意我们会使用到newstyles-common工程中的工具，例如json转换，状态值等。

配置web.xml：

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
	id="WebApp_ID" version="3.0">

	<display-name>newstyles-portal</display-name>
	<welcome-file-list>
		<welcome-file>index.html</welcome-file>
	    <welcome-file>index.htm</welcome-file>
		<welcome-file>index.jsp</welcome-file>
		<welcome-file>default.html</welcome-file>
		<welcome-file>default.htm</welcome-file>
		<welcome-file>default.jsp</welcome-file>
	</welcome-file-list>
	
	<!-- 加载spring容器 -->
	<context-param>
		<param-name>contextConfigLocation</param-name>
		<param-value>classpath:spring/applicationContext*.xml</param-value>
	</context-param>
	<listener>
		<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
	</listener>

	<!-- 解决post乱码 -->
	<filter>
		<filter-name>CharacterEncodingFilter</filter-name>
		<filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
		<init-param>
			<param-name>encoding</param-name>
			<param-value>utf-8</param-value>
		</init-param>
		<!-- <init-param>
			<param-name>forceEncoding</param-name>
			<param-value>true</param-value>
		</init-param> -->
	</filter>
	<filter-mapping>
		<filter-name>CharacterEncodingFilter</filter-name>
		<url-pattern>/*</url-pattern>
	</filter-mapping>


	<!-- springmvc的前端控制器 -->
	<servlet>
		<servlet-name>newstyles-portal</servlet-name>
		<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
		<!-- contextConfigLocation不是必须的， 如果不配置contextConfigLocation， springmvc的配置文件默认在：WEB-INF/servlet的name+"-servlet.xml" -->
		<init-param>
			<param-name>contextConfigLocation</param-name>
			<param-value>classpath:spring/springmvc.xml</param-value>
		</init-param>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>newstyles-portal</servlet-name>
<!-- 		伪静态化 -->
		<url-pattern>*.html</url-pattern>
	</servlet-mapping>

</web-app>
    注意配置的拦截器中的*.html伪静态化，为了服务于搜索引擎的搜索。

框架整合（可以参考manager工程）：

根据上一博客的结构图我们可以发现，我们不需要连接数据库，但是会有服务逻辑的产生，所以我们应该配置一个service，来调用rest的服务：

servcie配置：

<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:context="http://www.springframework.org/schema/context" xmlns:p="http://www.springframework.org/schema/p"
	xmlns:aop="http://www.springframework.org/schema/aop" xmlns:tx="http://www.springframework.org/schema/tx"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans-4.0.xsd
	http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context-4.0.xsd
	http://www.springframework.org/schema/aop http://www.springframework.org/schema/aop/spring-aop-4.0.xsd http://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx-4.0.xsd
	http://www.springframework.org/schema/util http://www.springframework.org/schema/util/spring-util-4.0.xsd">

	<!-- 加载配置文件 -->
	<context:property-placeholder location="classpath:resource/*.properties" />
<!--     扫描包，加载实线类 -->
	<context:component-scan base-package="com.newstyles.portal.service"></context:component-scan>
	
</beans>
之后配置表现层; 

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"
	xmlns:context="http://www.springframework.org/schema/context"
	xmlns:mvc="http://www.springframework.org/schema/mvc"
	xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd
        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd
        http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd">

	
<context:component-scan base-package="com.newstyles.portal.controller" />
<mvc:annotation-driven/>
	<bean
		class="org.springframework.web.servlet.view.InternalResourceViewResolver">
		<property name="prefix" value="/WEB-INF/jsp/" />
		<property name="suffix" value=".jsp" />
	</bean>
		
</beans>
文件的组织结构如下图所示：


配置完成之后，我们需要测试，在一个客户机上不能够启动多个工程，除非我们使用其不同的端口进行区别。这是为了我们测试刚刚搭建的工程，因为只有服务层启动了，我们的门户系统才能够去调用服务，新的端口在上面的pom配置文件中已经配置好了，为8082端口。

添加JSP等的文件：

将文件组织为一下格式：

为什么这么组织，因为之前的web工程我们web.xml文件中拦截所有的资源，使用的是“/”，而我们这个工程的拦截内容为“*.html”；将不再祈同样的作用，如果将css，js等放入到webapp文件夹下面的WEB-INF文件夹里面，则不会访问到这些资源，所以我们将文件组织为下面的格式：



之后创建一个controller，用来测试打开我们的门户系统的首页：

@Controller
public class IndexController {

	@RequestMapping("/index")
	public String showIndex() throws Exception{
		return "index";
	}
}
测试结果：

测试成功。到这里我们的门户系统也搭建完成。


匍匐-菜鸟
关注
专栏目录
newstyles项目实战（十三）前台系统搭建分析、服务层工程搭建
Cherish__it的博客
04-02 259
前台系统顾名思义就是展示给顾客或浏览的人员，给人们提供展示等的功能，前台系统和后台系统并没有之间的关系，他们是分开的，但是他们使用同一个数据库，接下来分析一下前台系统的搭建： 工程分析：         在图中可以看到，我们的后台系统通过mapper映射到mysql数据库，而前台系统也是通过mapper映射到数据库，那么为什么呢？虽然到后来会有较多的扩展，但是，他们调用的服务是相同的，
newstyles项目实战（四）之Mybatis逆向工程
Cherish__it的博客
03-09 324
在SSM架构中，mybatis被选择作为持久层框架来实现pojo和对象之间的映射，持久层可以将数据业务存储到磁盘，具备长期的储存能力，只要磁盘不损坏，数据具有很好的复现性，持久层可以使用巨大的磁盘空间，他的缺点就是比较慢，相对内存而言的，然而，通过了解，发现其有3个较好的优势： 1.不屏蔽SQL，意味着可以更为精确的定位SQL语句，可以对其进行优化和改造，还有利于互联网系统整体性能的提高。 2
newstyles项目实战（一）
Cherish__it的博客
01-29 257
这是学习Java以来第一个较为完整的项目，对此，写了一个专栏，专门记录自己创建newstyles项目的每一步，方便自己查阅，也方便也别人进行交流，互相学习。        首先，newstyles项目是一个类似于电商的项目，与网上的很多电商项目形似，但是无论是否一样，最终完完整整的自己做完了，每一步都较为详细的考虑了，这样学到的才是自己的东西，才能够对自己有很大帮助，每一步都实打实的，才会让自己
newstyles项目实战（十五）商品类目展示
Cherish__it的博客
04-07 311
我们已经建立好了所需要的工程，所以，我们来梳理下我们的业务的流程，首先会通过浏览器去请求响应的页面，index.html，这个一部表面上是有protal工程实现完成，但是实际上我们是攻过门户工程请求的rest工程发布的服务来完成的，所以应该首先了解一下我们的整个的请求工程；这以后其实浏览器会调用Ajac x服务查询商品的分类列表，返回json数据（由rest调用服务得到）。      1.主体
newstyles项目实战（十六）CMS管理系统之内容删除
Cherish__it的博客
05-02 371
     之前已经了解了类目的添加以及重命名，内容的添加以及重命名等，但是没有完成的功能为类目的删除和内容的删除，我们首先需要分析一下我们的业务逻辑：首先对于内容的删除我们应该使用内容展示中的删除按钮来进行删除，但是当我们需要删除某一个类别时，同时也需要将其目录下的内容一起删除，所以，但我们删除某一个类目时，不仅删除了类目本身，而且还删除了其对应的内容，同时还需要注意的是，我们也要同时删除我们的N...
newstyles项目实战（十六）CMS管理系统之内容分类管理
Cherish__it的博客
04-27 341
      内容管理系统，在这里管理的主要为首页的广告，今天我们需要实现一个首页大广告位的实现，所以这个大广告位和我们的CMS（内容管理系统）是分不开的，所以首先分析下我们的业务流程：     我们需要展示的为广告，需要广告显式在对应的位置，但是我们之前的内容也分析过，一般的这些图片，尤其是向我们现在想要展示的内容一般放置在一个图片服务器上，我们接着利用之间搭建的nginx服务器作为我们的图片服务...
newstyles项目实战（五）SSM框架整合
Cherish__it的博客
03-09 277
本项目是基于SSM框架的，前面家里好了数据库，实现了数据库映射需要的mapper和pojo类等，同时，也在最开始将项目的依赖关系使用maven实现了很好的管理，这里呢，需要进行spring，springmvc，mybatis的框架的整合，这个需要结合本专栏文章的第一个篇，工程的建立，因为虽然为框架的整合，但是整合同时和项目的类型是分不开的，界限来先进行框架整合的分析：      首先配置dao层
newstyles项目实战（十二）规格参数展示
Cherish__it的博客
03-29 311
展示规格参数： 首先分析一下，我们需要怎么去获取商品的规格参数，我们可以根据商品的id来查询商品的规格参数，取出来之后，可以采用html页面展示的方法来展示商品的规格参数。 Dao层： 根据商品的id；来查询对应的规格参数，其是一种单表查询操作，所以我们可以使用逆向工程生成的代码； Servcie层： service层实现的是上面分析的内容，通过接收商品的id来返回规格参数，并生成和返回
MS Music Producer 免费音频制作软件
03-21
用户需要确保电脑系统满足软件的最低硬件和操作系统需求，例如至少需要一定的内存容量、处理器速度以及兼容的操作系统版本，如Windows 7或更高版本。 第二步，解压pc_msmp1.zip文件。这是一个压缩包，包含了MS ...
Local Board BBS（极地论坛）
12-27
--------------保留特殊用户名 newstyles.asp--------------风格模式 lbadmin.asp---------------- forumstyles.asp------------论坛个性化风格 foruminit.asp--------------初始化论坛数据 adminloginlogs.asp-----...
java流意外结束_java – POI – null之后的文件意外结束
weixin_32388647的博客
02-25 555
将使用poi创建的docx文件转换为pdf时遇到问题.我使用下一个代码创建文件(只是空文件,但我已尝试填充文本/图像)：private static void createEmpty() throws IOException{XWPFDocument doc = new XWPFDocument();FileOutputStream out = new FileOutputStream("empt...
Vue模板语法概述（指令，事件、属性、样式绑定，分支、循环结构）
Yueqin0512的博客
11-14 301
Vue模板语法 如何理解前端渲染 把数据填充到html中（模板+数据=前端渲染（静态html内容）） 前端渲染方式 原生js拼接字符串 使用前端模板引擎 使用Vue特有的模板语法 模板语法概述 插值表达式 指令 事件绑定 属性绑定 样式绑定 分支循环结构 v-cloak指令语法 插值表达式存在的问题：闪动 如何解决该问题：使用v-cloak指令 解决该问题的原理，先通过样式隐藏内容，然后在内存中进行值的替换，替换好了之后再显示最终的结果 提供样式，再在插值表达式所在的标签中添加v-cloak
newstyles项目实战（十）富文本编辑器的使用及商品添加功能实现
Cherish__it的博客
03-26 1938
富文本编辑器的使用：     对于富文本编辑器的使用，首先应该包含其对应的js代码，也需要将其相应的资源放置到webapp项目中，把它放置到建好的js目录中：    在需要使用富文本编辑器的jsp页面中添加对其引用：    查看，我们得到需要创建一个textarea标签，并初始化富文本编辑器： 可以看到其可见性为Hidden，并且也可以知道，此位置的id为desc，
newstyles项目实战（十二）规格参数模板生成表单、表单参数提交
Cherish__it的博客
03-28 593
上一节只是生成了一个模板，那么我们怎么使用呢？我们需要将在添加商品时读取出来，生成一个表单，然后在页面上进行显示，然后对应的参数后面会随添加商品中的其它数据一起提交到数据库。基本流程为上一节的时序图中的第2步中。    所以来分析一下我们的需求：    在商品添加的jsp中，可以发现，我们在点击商品类目的时候会将列表的内容读取出来，那么前端是怎么执行的呢？ 首先，分析一下为当我们选择好了商品
newstyles项目实战（七）商品列表功能实现
Cherish__it的博客
03-14 546
在测试完我们的框架之后，能够整体的通起来，我们实现一个简单的功能，结合我们之前写的jsp页面实现商品列表的查询： 需求分析：       首先实现打开后台管理工程的首页，真正访问的是webapp下面的WEB-INF里面的jsp中的页面，由于其在webapp目录里面，不能够直接的去访问，所以我们这时候需要写一个controller来展示首页，所以在newstyles-manger-web工程的c
newstyles项目实战（十一）商品规格功能分析（一）
Cherish__it的博客
03-27 487
首先，什么是商品规格，在一些电商的网站上队以某一商品的详细描述，包括具体的规格参数等，这些内容能够准确的描述商品，同时也能够让消费者通过了解这些内容来做决策，判断对于此商品是否要购买，也就是说这个功能较为普遍，同时也很有用。参考下面图片中的商品的描述：     通过查看相似的页面可以发现，其又出些项目是相同的，不同的只是商品的具体的不同的值。同时，对于同一类商品，其主要的规格项目名称是相
newstyles项目实战（十八）大广告位轮播图展示方案分析，内容服务发布及HttpClient使用
Cherish__it的博客
05-03 436
    广告位的展示有多种方案，这里列举了两种常用的方案进行展示：1.json跨域请求：需要当首页加载完毕后，大广告位就应该显示。没有触发事件，不是太合适。也就是说我们没有事件时，3的请求设置就不太合理。调用rest服务层的工作就依赖于事件的触发。优点：不需要二次请求，页面直接加载内容数据。减少门户系统的压力。这样的话可以减少对protal系统的压力，因为大部分的工作都集中在rest服务层上。缺点...
newstyles项目实战（十七）CMS管理系统之类目删除
Cherish__it的博客
05-03 382
      前几节谈到了内容的删除，并能够再删除字段的同时，一并删掉nginx服务器上对应的图片，而这次我们需要完成的是类目的删除，假如说我们想删除掉某个类目，并同时删除掉类目下面的内容，这即是我们这次的内容任务。分析一下我们的业务逻辑和可以让我们较为方便的理清设计的思路，所以我们先了解一下页面发生的动作，进而了解我们需要完成哪些业务逻辑：可以发现当我们的右键点选delete时，即认为使我们要删除...
newstyles项目实战（二十一）Solr搜索功能实现之Solr安装
Cherish__it的博客
06-10 373
什么是Solr？Solr 是Apache下的一个顶级开源项目，采用Java开发，它是基于Lucene的全文搜索服务器。Solr提供了比Lucene更为丰富的查询语言，同时实现了可配置、可扩展，并对索引、搜索性能进行了优化。 Solr可以独立运行，运行在Jetty、Tomcat等这些Servlet容器中，Solr 索引的实现方法很简单，用 POST 方法向 Solr 服务器发送一个描述 Field ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值