第一个项目CMS 第一天

1. CMS介绍【了解】：

CMS是"Content Management System"的缩写,意为"内容管理系统"，一个管理内容的后台管理系统

作用：主要是用于对网站前台的信息管理，如文字、图片、影音和其他内容的发布、更新、删除等操作

2. 需求分析：

1.官网中的内容或信息的显示和不显示来自于后台管理系统
2.我们需要开发一个后台管理系统来管理官网的信息

前台：公司官网信息维护
轮播图显示 文章显示 等…
后台：后台管理系统
轮播图管理 文章管理 常见问题管理 学院视屏管理 用户登录登出

技术选型
开发工具：eclipse
数据库：Mysql
后端框架：SSM
前端框架：jQuery、Bootstrap、GridManager表格插件
使用了Maven来管理整个项目的结构（不懂得可以去百度一下）

SSM环境搭建【掌握】
1.导入jar包【课件中resources中】 – 拷贝到src/main/webapp/WEB-INF/lib中
如果没有自动加到工程中就手动将jar包全部加入工程
2.web.xml
配置监听器：加载Spring的配置文件
配置前端控制器：并加载SpringMvc的配置文件
配置过滤器：解决post请求的中文参数乱码问题
3.配置文件【所有配置文件直接放在src/main/resources下】
jdbc.properties（数据库四大金刚）
log4j.properties（日志管理，方便查看错误）
applicationContext.xml
1.扫描包路径【cn.itsource.cms.service】
2.Spring管理属性配置文件【jdbc.properties】
3.Spring管理BasicDataSource
4.Spring管理SqlSessionFactory
5.Spring管理Mapper接口

applicationContext-mvc.xml
1.扫描包路径【cn.itsource.cms.controller】
2.静态资源放行
3.开启Spring对mvc的支持
4.视图解析器
功能：跳转到后台首页【WEB-INF/view/index.jsp】【掌握】
1.导入后台首页页面
2.导入静态资源
3.编写控制器SystemController跳转到后台首页【WEB-INF/view/index.jsp】
（因为我们这里配置了视图解析器，所以就不用转发和重定向去访问了）

@Controller
@RequestMapping("/system")
public class SystemController {@RequestMapping("/index")public String goSystemIndex(){return "index";}
}

4.将后台首页【WEB-INF/view/index.html】转换成jsp
（因为静态页面，这里我们需要转换成JSP页面）
5.测试：http://localhost/system/index（看下css、js和图片路径是否有问题）

功能：跳转到文章首页【WEB-INF/view/article/article.jsp】【掌握】
1.后台首页点击文章列表会发送请求/system/article/index
2.修改ArticleController，跳转到文章列表页面【WEB-INF/view/article/article.jsp】

@Controller
@RequestMapping("/system/article")
public class ArticleController {@Autowiredprivate IArticleService service;@RequestMapping("/index")public String findAll(){return "article/article";}
}

3.测试：
首页点击文章管理跳转也行
直接输入地址：http://localhost/system/article/index
看下css、js和图片路径是否有问题
写到这里的时候数据还是不能够够展示到页面上，所有我们使用GridManager（开源，免费框架）来进行了分页和暂时数据的效果

功能【掌握】：文章列表分页显示
1.查看官网添加分页属性
2.分析分页属性
显示分页条 supportAjaxPage: true
自定义分页属性名
currentPageKey: “localPage” 请求参数中当前页key键值,默认为cPage
pageSizeKey: “pageSize” 请求参数中每页显示条数key健值, 默认为pSize
自定义分页样式 sizeData: [5,10,15,20]
自定义分页初始值
pageSize: 5 配置初次进入时每页的显示条数，需要与sizeData中的值匹配
3.分析分页前台传递的数据
4.后台接收请求和数据
修改之前的方法【/system/article/datagrid】
封装分页数据Bean【BaseQuery】
为什么封装？
接收参数方便，直接对象接收
其他类也有分页（后面还有其他的模块需要分页，所以我们这里对他进行了封装处理）
注意：新建query包之后，要在配置别名是配置扫描此包，否则mapper文件中不能有该包下的别名
新建ArticleQuery继承BaseQuery
这样的好处是？
将共用的分页信息localPage、pageSize放在共用类BaseQuery中
将非共用的信息，例如每个模块的高级查询放在自己的类中，好维护
后面还要写一个 高级查询功能 所以就采用了继承了处理（写查询的时候会再详细说明）
封装后台返回数据Bean【PageBean】

public class PageBean<T> {//总条数private Long totals = 0L;//分页数据private List<T> data = new ArrayList<>();......
}

编写后台逻辑代码
1.Controller（暂时采用Model来进行存值的处理，这里还可以使用Map，看个人心情）

@RequestMapping("/datagrid")
@ResponseBody
public PageBean<Article> datagrid(Model model,ArticleQuery query){PageBean<Article> pageBean = service.selectPageList(query);return pageBean;
}

2.Service

@Override
public PageBean<Article> selectPageList(ArticleQuery query) {//总条数Long totals = mapper.selectPageCount(query);if(totals == 0l){return new PageBean<Article>();}List<Article> articles = mapper.selectPageList(query); for (Article article : articles) {Long typeId = article.getTypeId();ArticleType articleType = typeMapper.selectById(typeId);article.setType(articleType);}return new PageBean<Article>(totals,articles);
}

mapper

//分页查询：数据查询
List<Article> selectPageList(ArticleQuery query);
//分页查询：数量查询
Long selectPageCount(ArticleQuery query);

以上是做项目的第一天分享，有什么不对的地方请指点