- 首先在视图层页面定义button按钮的id属性
- 在js代码或者js文件中定义button的click事件
- click中定义函数调用ajax方法,ajax方法中的url返回控制器层的某方法(springMVC下通过@RequestMapping注解的value实现)以实现相应的上传功能。type: 请求方法。data: 页面显示的数据。ajax方法上传成功后在success中调用函数实现删除缓存,弹出成功提示框以及更新页面等操作。
- controller层调用services层方法——>dto层——>与数据库交互,实现将文本数据保存在数据库中(mapping.xml文件中插入一条数据)。图片与附件则通过controller层定义函数将他们存储在本地服务器特定目录下。
总结:个人感觉学习前端可能要记住得东西比较多,比如各种事件啊,回调方法啊,标签属性啊,各种各样的css,js模板啊,所以我们才会看到前端那么多精美的页面(膜拜大佬),学习后端感觉就是逻辑上绕来绕去的,把逻辑理清了,把思路打开了,把思维发散了,应该会比较好办了,哈哈!!!