MVC2 项目实践

 

小组成员:

 

201731062617  冯鹏

 

201731083311 姜亦航

 

一.下载富文本编辑器UEditor:

1.下载的版本:

MVC2 项目实践_第1张图片

 2.在web下创建一个ueditor的文件夹,用来放置ueditor所需要的相关文件资源:

MVC2 项目实践_第2张图片

 

 

二.删除新闻:

MVC2 项目实践_第3张图片

 

 

点击删除新闻后,先进入deleteNewsservelt中:

MVC2 项目实践_第4张图片

 

MVC2 项目实践_第5张图片

 

 

 通过得到传入的newsid调用newsservice中的delete的方法,删除新闻。

MVC2 项目实践_第6张图片

 

 

在进入shownewsListServlet中,在把删除后的listNews传入到showlist.jsp中,最终删除了新闻。

删除前:

MVC2 项目实践_第7张图片

 

数据库中:

MVC2 项目实践_第8张图片

 

 

 删除后:

MVC2 项目实践_第9张图片

 

 

 

 数据库中的数据也删除了:

MVC2 项目实践_第10张图片

 

 

 

 

三.添加新闻:

MVC2 项目实践_第11张图片

 

 

点击图中的添加新闻页面,进入AddNewsServlet中:

MVC2 项目实践_第12张图片

 

 

 

进入Addnews.jsp:

MVC2 项目实践_第13张图片

 

 

 

MVC2 项目实践_第14张图片

 

 MVC2 项目实践_第15张图片

 

 

进入新闻添加页面:

MVC2 项目实践_第16张图片

 

 MVC2 项目实践_第17张图片

 

 点击添加保存,后进入SaveAddNewsServlet中:

MVC2 项目实践_第18张图片

 

 

 

 

增加了新的新闻后,并重新进入新闻显示页面,发现新闻添加成功:

MVC2 项目实践_第19张图片

 

 

 MVC2 项目实践_第20张图片

 

 

 

新闻添加后新闻页面,数据库页面:

 

MVC2 项目实践_第21张图片

 

 MVC2 项目实践_第22张图片

 

 

 

 

四.编辑新闻功能:

点击;编辑进入EditnewsServerlt中:

MVC2 项目实践_第23张图片

 

 

 

接收传入的News,并将它传入Editnews.jsp 中:

MVC2 项目实践_第24张图片

 

 

 

进入EditNews.jsp中:

MVC2 项目实践_第25张图片

 

 MVC2 项目实践_第26张图片

 

 进入SavenewsServert中,保存编辑后的新闻:

MVC2 项目实践_第27张图片

 

 更新新闻列表:

MVC2 项目实践_第28张图片

 

 

进入编辑页面:

MVC2 项目实践_第29张图片

 

 

 

点击更新保存:

MVC2 项目实践_第30张图片

 

 发现新闻编辑后,内容已经发生了改变:

MVC2 项目实践_第31张图片

 

 

数据库中新闻内容也发生了改变:

MVC2 项目实践_第32张图片

 

 

 

 

 

 

五.查看新闻:

点击查看,进入ShowNewsServlet中:

MVC2 项目实践_第33张图片

 

 

 

接收到传入的Newsid并进入shownews.jsp:

MVC2 项目实践_第34张图片

 

 

 

进入showNews.jsp页面:

MVC2 项目实践_第35张图片

 

 MVC2 项目实践_第36张图片

 

 

查看新闻界面:

MVC2 项目实践_第37张图片

 

 

 

 

六.发布新闻:

点击新闻主页按钮:

MVC2 项目实践_第38张图片

 

 

 

进入NewsMainServlet:

MVC2 项目实践_第39张图片

 

 

进入NewsMain.jsp页面

MVC2 项目实践_第40张图片

 

 MVC2 项目实践_第41张图片

 

 

 富文本上传图片:

复制这个地址:

MVC2 项目实践_第42张图片

 

 

 

将复制的地址添加到ueditor的config.json标记处:

MVC2 项目实践_第43张图片

 

 

重启项目,然后上传成功:

MVC2 项目实践_第44张图片

 

 

总结:发布新闻的页面很简单,只能显示一些新闻的标题,后续会继续完善,现在很多页面的布局都非常简陋,后续会不断完善。

 

github地址: https://github.com/fengpeng123/MVC2-

你可能感兴趣的:(MVC2 项目实践)