MVC2项目实践

码云链接:https://gitee.com/ZeroLuo328/java2enews.git

注:是那个javaEEMVCmode2的那个文件

 

这个是我部署到服务器上的链接:http://47.94.97.98:8888/llcnews/

页面右上角有登录的按钮,可以用用户名“Tom”,密码“123”登录。大家没事不要乱操作哈,毕竟不过关怕服务器崩溃掉,谢谢合作

在上一个作业的基础上完成增删改

1.增加新闻

1.1写编辑新闻的页面

我用到了UEditor富文本编辑器,在这里下载http://ueditor.baidu.com/website/download.html

在项目web目录下创建一个文件夹ueditor用来装UEditor相关的东西,将文件拷贝进去

MVC2项目实践_第1张图片

 

 

 

然后编写编辑页面edit.jsp,引入相关js文件,并创建ue示例

MVC2项目实践_第2张图片

 

 

 

这里由于代码过多,粘贴核心部分,这里的id要和上面ue实例一样

MVC2项目实践_第3张图片

 

 

 

 接着是写的js

MVC2项目实践_第4张图片

 

成果图:

MVC2项目实践_第5张图片

 

 

 

 

1.2编写保存新闻的dao

 

 

 

1.3编写保存新闻的service

 MVC2项目实践_第6张图片

 

 

 

1.4编写保存新闻的controller

MVC2项目实践_第7张图片

 

 

1.5结果

MVC2项目实践_第8张图片

 

 

 

添加成功

MVC2项目实践_第9张图片

 

看看数据库也成功

 

 

 

 2.查看新闻

2.1简单编写了一个新闻详情页

 MVC2项目实践_第10张图片

效果

MVC2项目实践_第11张图片

 

 

 

 

 

2.2查看新闻详情的dao

 

 

 

2.3查看新闻详情的service

MVC2项目实践_第12张图片

 

 

 

 

2.4 查看新闻详情的controller

MVC2项目实践_第13张图片

 

 

 

 

 2.5简单的效果

MVC2项目实践_第14张图片

 

 

 

 

 

 MVC2项目实践_第15张图片

 

3.编辑修改新闻

修改页面和新增都用edit.jsp,这里不多说了

dao

 

MVC2项目实践_第16张图片

 

 

service

MVC2项目实践_第17张图片

 

 

 

来看controller

MVC2项目实践_第18张图片

 

 

 

 并修改保存

MVC2项目实践_第19张图片

 

 

 

简单的看看效果

MVC2项目实践_第20张图片

 

 

 

 

 

 

完成修改保存发布

MVC2项目实践_第21张图片

 

 

 

 

 

 

 

 

 

 数据库照常更新成功

 

 但是在这尔有点弊端,就是新闻的主键id变化了

 

4.删除新闻

4.1dao

MVC2项目实践_第22张图片

 

 4.2service

MVC2项目实践_第23张图片

 

 

 

 

4.3controller

 MVC2项目实践_第24张图片

 

4.4看看效果

MVC2项目实践_第25张图片

 

 

删除成功

 MVC2项目实践_第26张图片

 

 

 

数据库也成功更新

 

 

5.一些改进

 重新按照计科院官网做个首页,原来的index.jsp改成showlist.jsp

先把数据库的content的类型改成text

 

存入一些初始数据

 

 新的index.jsp

MVC2项目实践_第27张图片

 

 

 

点击这里的连接一样可以查看详情,右上角有个管理员登录,登陆了就可以编辑新闻了

新的列表页面,增加了返回主页看效果的功能

MVC2项目实践_第28张图片

 

 

添加图片功能:

 

 

 

到此结束,有很多不足的地方还要多多学习

 MVC2项目实践_第29张图片

 

这儿加上项目虚路径就可以了

然后:

MVC2项目实践_第30张图片

 

 

MVC2项目实践_第31张图片

 

 

 

 MVC2项目实践_第32张图片

 

成功,并且也可以查看

 

 

 

结束,我把我的项目部署到了云服务器上,可以查看。但是会有一些bug,后面我会慢慢完善的

码云链接:https://gitee.com/ZeroLuo328/java2enews.git

注:是那个javaEEMVCmode2的那个文件

这个是我部署到服务器上的链接:http://47.94.97.98:8888/llcnews/

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