java mvc2_MVC2项目实践

注:是那个javaEEMVCmode2的那个文件

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

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

1.增加新闻

1.1写编辑新闻的页面

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

5c8eeedf5cb920c82702702273e98dc4.png

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

52e8045e77441d3d7679f10053c693a9.png

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

cc5589167dfade46af489af438b4abfc.png

接着是写的js

a06f1dcbc634bbe340b3579f36480eb5.png

成果图:

e45491193332af16f60798620b301454.png

1.2编写保存新闻的dao

b955a393a079aa878033937e3053a87f.png

1.3编写保存新闻的service

bae4bb4bcd51b83ce1ed34761e1c5520.png

1.4编写保存新闻的controller

fa27062e7b7dbd70d86aaa5386a5805e.png

1.5结果

3f4456c0b5d28ef3187467d00fb71ba9.png

添加成功

27cfe6d6a62f7679642843770138405f.png

看看数据库也成功

39cb6a8b8d5be491c8e80c1accad8558.png

2.查看新闻

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

04c3e0d2f3124489856c7e0e584c726a.png

效果

2f3fb476376972ca5e1b8590ea15cc10.png

2.2查看新闻详情的dao

065df1b656778b9a768731aeec183f8b.png

2.3查看新闻详情的service

c9f295d7734e41027bf4c774f6ceb010.png

2.4 查看新闻详情的controller

f9a542fab2161e237884ec7d0a5361e4.png

2.5简单的效果

bf0516a15bccbdd83a5029ce268e0649.png

11a09a9fa7a0b79a9553c8f321ca1a5f.png

3.编辑修改新闻

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

dao

b243f9936bbc9f43aa29f71b3f7d5eb4.png

c96444e6c164dd226b82f73b7dd2b187.png

service

56bec4553d53a87ef4dbec60a976e5bf.png

来看controller

e0ca675169e5027a3f9b010c1dc4f71c.png

并修改保存

b8f5b8a87b76fd2a6f5133ebefcf06ad.png

简单的看看效果

6d56403c20690925ac556be797c8d29d.png

完成修改保存发布

1f1799de42d2f5830b228efc535a2f47.png

e4690ae28670ae1d6b26a2c7a9499ec3.png

数据库照常更新成功

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

4.删除新闻

4.1dao

7f520d2cc53d1034a66510da643c8ca3.png

4.2service

ea4fa3af9cfad1015450de6a3795e9a5.png

4.3controller

dc587d4d2a830546d676356c49ec8bcb.png

4.4看看效果

97e113cf151f4d888abfaefc71a1b7a1.png

删除成功

95230ef29679516cc0e901726de145d0.png

数据库也成功更新

b048222d61c55cb471aabe98d2f6a78d.png

5.一些改进

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

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

35007bc874db01f42a9410a82ec92009.png

存入一些初始数据

ae6d5b4b9104124f4a533bdd89ccdce8.png

新的index.jsp

1840825eaff2aab77826e379c96c4d97.png

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

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

e17c8efc8876d0595728286751fe6764.png

添加图片功能:

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

be56293c0a37ab42d58af5f5018b589c.png

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

然后:

40989596d0054fc838a75bfc662450eb.png

5b4bc25b799da605d991f9e5d73088a0.png

77805919bc043d5580fcc69052b09a5f.png

成功,并且也可以查看

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

注:是那个javaEEMVCmode2的那个文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值