(1条消息) SSM实战之商品信息管理系统《五》

需要源码的留下邮箱或自己文中复制。

1.前言

经过上四篇文章[点这里](https://blog.csdn.net/ITBigGod/article/details/80069791),已经把商品管理系统差不多做完了,接下里这一篇介绍一下使用前端框架bootstrap来美化一下界面。 实际上我们其他的页面都是美化了的,只有修改商品的时候,博主没有写使用框架,后来想想作为学习前端 ,所以记录一下使用bootstrap来美化修改界面。

现在搞个web开发,不会点全栈估计老板都不爱甩你。

2.SSM实战之bootstrap的使用

修改商品的原页面如下: ![这里写图片描述](https://img-blog.csdn.net/20180424201526847?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0lUQmlnR29k/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)

美化开始。

直接去upd.jsp页面:
1.先引入js和css

2.添加bootstarp的模态框(Modal)插件
参考地址:bootstrap框架之模态框

3.在body中写修改商品的模态框:

其中,重要的是这里:

最后的效果如图:

修改成功:

最后在模态框的右下角有个“返回”,返回是一个按钮,在按钮中添加一个a标签,让其跳转到主页面即可。


整个项目展示效果图:

登录:

注册:

主页:

添加:

删除:

修改:

到这里就彻底写完了,SSM框架整合+前端框Bootstrap+Ajax校验+登录拦截器+图片文件上传+日期类型转换器+json格式传参这些功能。
后期我会把继续写,欢迎留言交流。》》第六篇源码更新+后台v2.0
源码下载:源码打包下载

没有积分的留下邮箱。


You got a dream, you gotta protect it.
如果你有梦想的话,就要去捍卫它 。 ——《当幸福来敲门》

(0)

相关推荐