(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.
如果你有梦想的话,就要去捍卫它 。 ——《当幸福来敲门》