求一份SSM项目，两三张表实现权限管理，至少实现增删改查等基本功能，最好有创建数据库sql。

来源：蜘蛛抓取(WebSpider) 时间：2017-02-16 08:45 标签： 三张表实现权限管理

说在前面的，写给小白白的，大神请绕道~

今天用原生js写一下动态表格的增删改查，主要是熟悉一下js的DOM操作。

首先，做一个表格，用来显示提交的数据，如图下：

此处，我添加了编号、姓名、密码、生日、地址五个属性，另外加选中、操作两个操作，亲们可以自行添加，布局代码如下：

css方面我运用了bootstrap的表格框架，图个方便，觉得不好看的，大家自行修改，在此就展示了。

然后，下面添加一个需要提交的表单，如图下：

生日选项用了h5新属性date，

基本布局就这样了，然后可以写脚本了，

思路：获取表单每个input的value值，然后创建节点td，添加到上面的表格当中，很简单，代码实现如下：

注意：创建节点的时候，相关的属性值，样式，事件同步一下，我这直接设置的点击函数，这样就可以添加了，如图下：

思路：添加数据的时候，需要添加对应的点击事件onclick=del(this)，然后removeChild移除。实现代码如下：

2）多项删除（全部删除）

思路：通过checkbox的checked属性当做开关，然后通过遍历删除checked=true对应的tr行。代码如下：

思路：点击“修改”后，将td的innerHTML值传到表单中的input当中，同时用一个参数记录下点击的行数rowIndex,"更新"按钮先找见需要修改的行数的Tr，然后将表单的值传给每个td;代码实现如下：

首先，页面的UI是使用了Bootstrap框架快速搭建的，这个框架还是比较好用的，不但快速，而且美观，风格偏扁平化。而且对于我这种英文渣渣来说，有中文的帮助文档，简直不要太好上手，然后搭建好的大致效果图就如1-1所示，当然搭建好的只是静态页面，下面的数据，按钮的button_click事件都是后面自行编写的。

然后就要介绍介绍SSM框架的具体流程了，因为是在本地访问，没有放到联网服务器上，所以使用了Tomcat作为服务器，项目前端发起请求，发送到SpringMVC前端控制器中，再由SpringMVC前端控制器判断，是否能进行处理，能处理的，再发送给Controller，不能处理如静态页面之类的，直接发送给Tomcat服务器，让服务器进行解析。发送到Controller的数据，再调用Service层的业务逻辑。假如要进行数据库层的交互，就将其交给Dao层的组件，而Dao层的组件都是用MyBatis来写的，MyBatis的某某Mapper再进行与数据库的交互，同时，这些Mapper的文件和接口都是通过MyBatis Generator(MBG)自动生成的，但由于查询的时候还有多表联合查询，所以还在xml文件中，新写了两个方法，用来实现多表联合查询。同时，基本上的增删改查都是通过Ajax实现的，由Ajax发送请求，再返回Json，使用JS解析Json并在页面中显示。

项目是使用Maven进行依赖管理的，简单来说，就是通过Maven去下载项目所需的jar包，同时在项目完成后，可以用Maven构建war包，使项目部署在真正的服务器而不是Eclipse中的镜像服务器。

大体构建说完了，来说说项目中实际运用的注意点吧，在添加新员工的时候进行了前端、后端都校验的方法，可以极大程度的避免脏数据的添加，同时用了一些正则表达式来判断姓名和邮箱是否合法。前端发送的Ajax请求，要传递到后台处理，都只需要在方法上添加@ResponseBody和@RequestMapping("路径尾缀")即可。

最后，实现的图例演示。

这个基于SSM的基础员工管理系统，大致功能都如上图所示了，实现了基本的增删改查，下一步，如果继续完善，则添加上登陆页，再将项目发布到互联网的服务器上，没有登陆页的弊端太多了，就不论述了，再加上现在的都是测试数据，没有实际意义，所以暂不考虑发布到互联网。

本文由百家号作者上传并发布，百家号仅提供信息发布平台。文章仅代表作者个人观点，不代表百度立场。未经作者许可，不得转载。

最近在研究SSM，一直想写点什么，今天终于有时间了，将学习成果记录下来。

工程结构如下（Maven项目）：


一.首先需要搭建整体框架（详细文件内容见源码）：

加载中，请稍候......

、分派器以及处理程序对象的角色，这种分离让它们更容易进行定制。

的一个开源项目 

到此 简单的整合SSM 【基本的操作内容已经完成】

由于我在网络问题  图片暂时没有上传上去。【现在我吧图片都正上去了，希望多多支持】

我要回帖

更多关于 三张表实现权限管理 的文章

 

随机推荐