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项目实践

 

 

 

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

MVC2项目实践

 

 

 

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

MVC2项目实践

 

 

 

 接着是写的js

MVC2项目实践

 

成果图:

MVC2项目实践

 

 

 

 

1.2编写保存新闻的dao

MVC2项目实践

 

 

 

1.3编写保存新闻的service

 MVC2项目实践

 

 

 

1.4编写保存新闻的controller

MVC2项目实践

 

 

1.5结果

MVC2项目实践

 

 

 

添加成功

MVC2项目实践

 

看看数据库也成功

MVC2项目实践

 

 

 

 2.查看新闻

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

 MVC2项目实践

效果

MVC2项目实践

 

 

 

 

 

2.2查看新闻详情的dao

MVC2项目实践

 

 

 

2.3查看新闻详情的service

MVC2项目实践

 

 

 

 

2.4 查看新闻详情的controller

MVC2项目实践

 

 

 

 

 2.5简单的效果

MVC2项目实践

 

 

 

 

 

 MVC2项目实践

 

3.编辑修改新闻

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

dao

MVC2项目实践

 

MVC2项目实践

 

 

service

MVC2项目实践

 

 

 

来看controller

MVC2项目实践

 

 

 

 并修改保存

MVC2项目实践

 

 

 

简单的看看效果

MVC2项目实践

 

 

 

 

 

 

完成修改保存发布

MVC2项目实践

 

 

 

 

 

 

MVC2项目实践

 

 

 

 数据库照常更新成功

 

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

 

4.删除新闻

4.1dao

MVC2项目实践

 

 4.2service

MVC2项目实践

 

 

 

 

4.3controller

 MVC2项目实践

 

4.4看看效果

MVC2项目实践

 

 

删除成功

 MVC2项目实践

 

 

 

数据库也成功更新

MVC2项目实践

 

 

5.一些改进

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

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

MVC2项目实践

 

存入一些初始数据

MVC2项目实践

 

 新的index.jsp

MVC2项目实践

 

 

 

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

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

MVC2项目实践

 

 

添加图片功能:

 

 

 

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

 MVC2项目实践

 

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

然后:

MVC2项目实践

 

 

MVC2项目实践

 

 

 

 MVC2项目实践

 

成功,并且也可以查看

 

 

 

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

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

注:是那个javaEEMVCmode2的那个文件

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

MVC2项目实践

上一篇:【asp.net core 系列】- 11 Service层的实现样板


下一篇:asp.net core2 mvc 基础教程--路由