邂逅CMS第一感(疑难点)
1.CMS:内容(文章)管理系统
2.Maven:结构(使用maven:它可以帮我们自动导包,自动编译,规范代码等等)
代码存放格式
src/main/java -> Java代码的存放位置
src/main/resources -> 资源文件的存放位置
src/test/java -> 测试代码的位置
src/test/resources -> 代码资源文件的位置
3.项目搭建的常规操作
建表(t_image),建
domain(Images),
dao,service,controller
web.xml
<!-- 这里配置SpringMVC环境 -->
<!-- 解决POST请求中文乱码问题 -->
<!-- Spring核心配置文件位置-->
<context-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:applicationContext.xml</param-value>
</context-param>
<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>
<!-- 監聽器 让tomcat启动,也让SpringMVC启动,以后分开写-->
<listener>
<listener-class>org.springframework.web.context.ContextLoaderListener</listener-class>
</listener>
<!-- 配置一个核心控制器 -->
<servlet>
<servlet-name>dispatcher</servlet-name>
<servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
<!-- 读取配置文件 -->
<init-param>
<param-name>contextConfigLocation</param-name>
<param-value>classpath:applicationContext-mvc.xml</param-value>
</init-param>
<!-- 直接启动 -->
<load-on-startup>1</load-on-startup>
</servlet>
<!-- 配置核心控制器的映射 -->
<servlet-mapping>
<servlet-name>dispatcher</servlet-name>
<url-pattern>/</url-pattern>
</servlet-mapping>
applicationContext.xml
<!-- 打描包:支持对应的注解,变成bean -->
<context:component-scan base-package="cn.itsource.cms.service,cn.itsource.cms.dao,cn.itsource.cms.util" />
<!-- 读取jdbc.properties -->
<context:property-placeholder location="classpath:jdbc.properties" />
<!-- 配置dataSource(连接池) -->
<bean id="dataSource" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close">
<property name="driverClassName" value="${jdbc.driverClassName}" />
<property name="url" value="${jdbc.url}" />
<property name="username" value="${jdbc.username}" />
<property name="password" value="${jdbc.password}" />
</bean>
<!--
专门为咱们准备了一个类,用来完成数据库的操作:JdbcTemplate
JdbcTemplate:jDBC的模板(公共的代码已经完成)
-->
<bean id="jdbcTemplate" class="org.springframework.jdbc.core.JdbcTemplate">
<property name="dataSource" ref="dataSource" />
</bean>
<!--
配置一个缓存管理对象CacheManager
Spring配置这个bean,基本就是通过反射配置这个对象 new CacheManager();
若果在bean中配置了factry-method,就会点用对用方法,这个对象就会执行返回对象,编程一个bean
-->
<bean id="cacheManager" class="net.sf.ehcache.CacheManager" factory-method="create"></bean>
applicationContext-mvc.xml
<!-- 引入其它的Spring配置文件 -->
<import resource="classpath:applicationContext.xml"/>
<!-- 扫描包 -->
<context:component-scan base-package="cn.itsource.cms.web.controller" />
<!--支持SpringMVC特有的注解 -->
<mvc:annotation-driven />
<!-- 对静态资源放行 -->
<mvc:default-servlet-handler />
<!-- 视图解析器:自动为咱们添加前缀与后缀 -->
<bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="prefix" value="/WEB-INF/views/" />
<property name="suffix" value=".jsp"></property>
</bean>
<!-- 上传解析器 -->
<bean id="multipartResolver"
class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
<property name="maxUploadSize">
<value>2000000000</value>
</property>
</bean>
<!-- 配置拦截器 -->
<mvc:interceptors>
<mvc:interceptor>
<!-- 拦截器的那些请求 -->
<mvc:mapping path="/**"/>
<mvc:exclude-mapping path="/login"/>
<mvc:exclude-mapping path="/fonts/**"/>
<mvc:exclude-mapping path="/css/**"/>
<mvc:exclude-mapping path="/imgs/**"/>
<mvc:exclude-mapping path="/image/**"/>
<mvc:exclude-mapping path="/js/**"/>
<mvc:exclude-mapping path="/register/**"/>
<mvc:exclude-mapping path="/statichtml/**"/>
<!-- 所有请求都会经过这个拦截器 -->
<bean class="cn.itsource.cms.web.interceptor.LoginInterceptor"/>
</mvc:interceptor>
</mvc:interceptors>
4.搞定页面(凡是WEB-INF中的页面都要通过Controller访问)
SystemController -> 进入后台的主页面
ImagesController -> 进入轮播图(CRUD)管理页面
5.以后怎么和前端合作
这是一直需要思考的地方
5.1 前端会把html做好,然后我们把他做的页面搞到我们的项目中来(图片,js,css的引入路径都要进行修改)
5.2 iframe -> 可以把其它的页面直接放入到页面中来
<iframe src="..." />
5.3 注意点:如果咱们配置有上下文路径:所有跳转的路径前:${pageContext.request.contextPath }
6.完成图片上传
6.1 form中需要配置 method=“post” enctype=“multipart/form-data”
6.2 后台要根据上传的文件名进行接收
①.修改名称 ②.获取路径 ③.保存图片(fileImg.transferTo(file))
④.保存Images对象(绝对路径的地址,名称)