javaweb项目实战 07-后台页面结构调整和用户添加页面制作 学习猿地原创

大家好，上节课呢，我们创建了用户表，也做了用户的实体，那这节课呢，我们来开始完成用户模块的添加用户，当然添加用户我们也得分几步，首先呢，我们是采用的模板，采用的模板呢，那我们后台的呃页面应该好好规划一下。我们呢，先打开一个看一下。访问一下我们的后台。看一下，我们先把这个分类改成我们想要的好吧。打开我们的。管理页面上。看一下我们叫index的这些名称不太好，我们把它都改成呃，GSP文件。我们右键。新建JSP文件。index.jsp。我们把带点HTML，因为我们需要一些动态的数据，所以呢，我们需要把这个文件整体的内容。全部。

哦。所有的整体的文件的全部内容呢，都需要有一些动态的数据需要从数据库来回取，所以呢，我们得做成JSP的页面。嗯。把它保存到。因为你创建JS文件，它那个正来，所以呢，我们最好是这么做，创建之后把原来的复制过去，当然了，原来呢，你就可以把它，呃删掉，我们创建的。页面呢？保存一下。我们刚才啊，应该是点错了，然后在这我这转。好，这是我们的件，然后我们再把，呃，系统页面，这是主页面，我们再把。添加页面。这个是列表页面。列表页面我们把它改成user.jsp添加的，我们最好从下名啊，因为我们在建文件的时候，因为整体的后台我不想用。

后期登录的时候会用过滤器来控制，用过滤器控制呢，我不想在外面插包里边一点点写那些标签做记录，只想用那个注解的方式，用注解的方式，我最好把它前边呃加一个嗯前缀加一个前缀，这样的话只要是访问这个前缀的我都可以控制，所以我们最好把它改个名称。把它变成比如说。爱你小应该。我们变成这个名称，那这个呢，我们做成用户添加的，那我同样我新建一个。JSP文件变成艾特密下划线，用户ad添加页面点JSP。同样我把用户。这个是。这是代页面。Insert。这个是用户的添加页面。

标题。把它粘到这个里面来，用同样的方式。然后我们再把再新建一个用户列表页面，把这个去。走错位置了。爱这条线就叫优GP。我们把。当然了，你做完之后可以把原来的内容全删掉，但是咱们留做模板也不用把它删掉。然后我们看一下这几个文件的一些结构。他们有很多重复的地方啊。像比如说这些菜单啊，对吧。比如添加用户这块，这些菜单啊，包含文件目录啊，这都是重复了。

那重复的话，我们可以建一个公共的一个文件，把重复的代码我们给找出来，然后放到一个同样的文件里边，后续我们建其他的页面，也是同样的一种方式。那我们再新建一个，比如说我们新建一个。叫菜单。我们随便找一个页面，把重复的代码拷过来，比如说呃，在DP里边，这里边有哪些重复了呢？一直到。呃，菜单这个位置。好的。过来。放到我们。上面来。在这位置这样的话，我们在这几个页面，比如说主页面这块，我们就可以把这些都删掉。把这些都删掉，然后用。呃，用JSP的标签，Include包含文件。

点。GP。忘记了。那这个文件同样我把它改成。一宁。爱下见。Me nu.GSP。啊。这样的，这些文件都包含样的。我们在，呃。用户的。列表页面。这个位置。第一条集那个可以不粘过去，然后再有。用户界面。这样的话，我们只要写一个菜单，我们就可以管理所有的页面。你比如说。呃，我们先看一下页面结构，现在过来的是不是一样的，我们访问。

爱你。下划线。点地。看一下结构没有变化，我们在访问I下边的user.jsp。同样也可以再访问 usera.JSP。同样是可以的，然后我们可以就可以在菜单里边把这些菜单的选项我们给改掉。找到我们的菜单。看这里边有作管理，我们就把它叫做呃，用户管理。这个位置。比如说我们叫做。用户管理。这块我们叫做呃，分类管理。商品管理。我们叫读书网站嘛，就图书管理。图书管理，然后我们呃，可以是有商品管理，后台还有订单管理。

当然不够，你可以去复制一下。比如说用户的反馈，留言管理。呃，再比如说是新闻管理。假如说我们这几项，那我们其他的可以把它去掉，然后链接这块。你比如说呃，用户管理，我们直接到让他到密三号线，当然这个菜单后期我们有可能会把它改掉，因为我们如果想取动态数据，我们直接访问JSP，不在JD写，是用so late去写的，所以它在访问so late so late再给JSP，那我们后期还会需要去改一下名称，那我们前期先这样。分类管理。比如说我们叫他。爱这边的，呃，C。点低。后期都需要。把它变成的一个一个路径产品管理。BCD。这几个文件没有。订单管理。

三角形点SD。留言管理，那我们信息管理。MS的DG金融管理。IB3号线new.dp好。我们随便刷新价格在你看变了对吧，那我们现在点用户管理。看一下就会到用户页面，在这个用户页面里边有个新增作品，我们把它改成呃，新增用户就可以了。到我们的艾用户下，我们把这个，呃，用户里边的。这个位置。你找一下。你看这块改成金州用户。那新增用户呢，这个位置那就不是insert这个了，我们叫自己的爱。下划线，USB。我们一点这个就可以转到我们的添加用户这块，其他的地方我们也可以去改一改啊，你比如说首页作品管理这块就改成用户管理。

用户管理菜单地方，你想改都可以改啊。我是想在后期全部所有的全部给改过来，那选择分类这块关键词这块我们先留着。不需要的时候我们再删掉。呃，后台首页，我们假如说想直接回到首页，在菜单这块。找到菜单菜单。首页，我们已经变成了。I下划线的，那网站首页呢，我们做网首页的时候，跳的时候再去。看一下。刷新一下用户管理。移动用户。挨着命。了。新增用户点G，但是这个名称展示现在都是临时的，等我们用户管理新增，等我们后期把呃。

每个模块弄完之后再去优化一下，先临时改一下，那现在呢，我们需要把这个用户的界面。重新更改一下添加用户。这个位置我们看有没有其他的地方需要改的。呃，用户管理。用户管理这个位置是。爱。点GSP。然后新增。嗯。好，我们看一下这个表面结构，它是一个表格，有标题啊，有作者啊，有缩略图啊，有提交啊，就是我们现在的这个界面，这个界面呢，我们想把它改成我们的用户添加界面，那我们用户添加界面我们需要添加哪些东西，就是我们表设计的时候，我们需要做的这些。

也就是。我们需要添加这些字段，好，我们一个一个的把它写出来，首先呢，标题我们改成。啊，用户名。也就是我们的这个ID，然后这几个字段呢，我们都不用去呃改它，我们只要把这个U。把name改成我们字段名是。呃，我们的字段名是这个字段名，叫什么都无所谓，我们后期需要把它转成，呃，表单里面转成用户实体，用实体我们对应上就行，那我们就随便叫一下username好吧，叫这个名称。改一下字段，看一下效果。我们改一点，看一下效果可以。用户名没问题。然后我们在第二个字段。复制一下吧。第二个呢，就是呃，用户的姓名。

用户名用户姓名。那这块我们就叫name就好了。呃，用户姓名也是通的。第一个字段，呃，登录密码和确认密码。登录密码。登录密码，那我们也给字段起一个呃，起一个名字，我们假如说叫做呃，Password。80。然后。确认地方。我们前面加上个字母确认了，Re password。行吧。

有了这个，一个就是性别。嗯。再跟进一下。性别就不是说必须是必须的字段了，所以呢，咱们不标红，当然了，验证咱们在注册的时候再去就可以了。嗯，现在呢，咱们不需要。嗯，性别就男女，咱们做一个单小号吧，做一个小号。呃，Input name等于。性别啊。呃，如果是男的，咱们就让他踢，默认是选择的。HD等于。只是代码来，然后。同样。如果是女，名称得叫一样的。原默认是。不选择的，因为单小块啊。

单选框默认只有一个能选择。那我们把它确定类型为单眼。怎样？一块。嗯。确认密码这块应该是性别。那性别完了之后呢，呃，出生日期，出生日期呢，我们就可以用一个插件，当然了，我说同步功能就不多写了，那插件呢，我们就在前端注册的时候再用吧。出生日期。出生。日期。书上一期名字我们叫做呃。Birthday。BBTHD。当然了，用户头像啊或者什么的东西，咱们在设计表上没加，如果加的话，加一个文件上传，咱们文件上传都会在商品里边去写啊，然后邮箱手机号，送货地址。

嗯，刘星前边行行吧。燕子。邮箱。名字标了改掉，不然的话是接收。接收密码这块变了，所以呢，咱们这块一定要改卖。还小改的就是呃，手机号码。手机号码。我们把名字。也要改掉啊，改成目标吧。然后。最后一个是，嗯，送货地址。

送货地址。地址您可以长一点。当然我们现在也无所谓啊，演示的你后期都需要把这个优化。送货地址，那下面这些字段就没有必要了，那我们就把它删掉，当然了，这个提交按钮我们留着。我们查看一下啊里面。啊。分类分类现在我们不需要，用户如果做呃，大一点的项目，用户肯定会分类，前台啊后台啊对吧，那我们这里边现在暂时不需要这个分类，我们把这个分类。用户名、地址。嗯。出生日期，出生日期是不是字段。登录密码密码。For music watch illegal jana。

好，那这就没问题了，那我们需要把这个页面提交到哪去呢？我们肯定把它交到。啊。这块我们把它去掉。这个我们一定要，因为没有上传这个的话，我们后台。记着啊，一定要去掉，只有文件上传的时候我们才加这个。传输类型，否则的话我们就要把它去掉，不然的话我们只能通过文件上传那块去求参数。然后这里边呢，我们将它提交到一个so呢，我们就叫它艾密加号线。User a DB。就是处理用户添加，就这个加。不用加那个点这样的文件。我们看一下可不可以提交过去。更新一下，点击提交，但是没有那个页面肯定是错误的，页面没找到，你看提交过来了，页面肯定是错误的，那我们现在就需要写一个提交的一个页面。

写一个这那怎么写呢？我们写处理用户的增产改查的，我们最好建一个用一个去处理，那我们如果在这个包建的话，就实体了，我们在这块新建一个。新建一个，一定要选中建的是so键接搜件包名com点。点ER。为点user加上这个包名，把所有用户管理的呃，So都放在第一个包下，那名称呢，就叫做。User a。这个呢，咱们注解号去写不可以啊。好，我们刚前面刚才看到我们在用户添加的时候。再回到用户平台界面，我们使用的是GS的传输的，所以do user这块，接收这块我们一定要用艾密，用注解的方式，你就不用配外边的叉ML了，不用在外边的写映那就不用写了，这比较方便改成小写。

AB这样的话，我们直接会转到ID下边的这个正好就不配置了，那我们用pod提交的这里边其他的都没有用。当然这都是学service的时候，呃，在家记着学过的啊，当然你可以用service里边也可以啊，那我们不用带介绍，我们也不要，当然你没有必要去删啊，那我们，呃，为了安全起见，把那些都删掉，只留一个，因为它是继承关系，并不是时间接口，毕竟不是抽象方法，所以呢，不用说非得实现所有的方法，留一个方法就可以了。那在这里边呢，我们把表单提交过来，当然了。传统的想法，我们需要一个一个的验证，比如长度啊，验证不为空啊，这些东西验证验证了，我们再注册的话，再写一个详细的所有过程其实是一样的，我们说了一个东西我们只写一份，我们先快速完成这样的功能，那首先呢，我们要设置一下呃，字符集。

因为都是U太，不然页面会有乱码。设置字符集。先把请求过来的数据设置集。就设置成UT。F-八这前面集，然后想用的字符集。写在一起吧。RESQN。呃，赛。行。类型呢，我们设置成是文本的TM类型。然后分号隔开啊，叉set等于UTF-八，这我们在JSP里边都详细讲过。为什么要这样设置字符集，那最好他其实请求自符集的时候，我们最好把它打碎，然后再组合的方式那种方式去做，然后我们一个一个接收参数。做一个字符串，比如说用户名。做一个用名，然后呢，Re ES，从请求里边的得到参数里边我们获取到。

用户名。Username usernamename password password。性别。嗯。啊，这几个字段记住了，那我们在这里边一个一个获取到，比如说先获取username。那大小数。我们把所有的参数都获取到，呃，名字，密码，呃，性别，生日，Email，电话地址，好，我们一个一个改一下。第二，我们说获取名字。名字。然后。呃，获取的是密码PWD。Pasw一定要跟表单的是一样的。

然后。呃，密码性别。性别。还有，呃。生日年吧。呃，BRTHD。然后是1万。电话。地址。No。Mobile。地址。As，我们看一下。呃，用户这块。小，没问题。啊，这样的话，我们通过用户表单提交过来，通过do POS方法提交过来，设置完字符集，然后获取到所有的参数，也就用户提交过来的所有的数据，那获取了所有的数据，我们用它干嘛呢？还记不记得上节课我们做了一个这个，呃，用户的这个实体，我们把它变成实体，然后一次性塞到数据库，那我们这个添加页面就成功了。

那我们再回到。这里面创建这个用词，实体用呃，ML monkey。I'm。ONKEY。下划线的user做一个这样的实体，然后用户的实体等于new。打包。实体用户实体上去了。然后我们这里边儿，呃，创建实体，那通过这个实体的。构造方法。需要传着这么几个，呃，传字符串类型的，只有最后一个状态是整形的。把它通过参数传进去，创建一个这样的一个实体，然后我们把这个实体扔到数据库里边去就可以了，那我们看一下接收到的第一个用户ID，用户名，然后呢，Name存进来，然后PWD密码存进来，呃，一定要记得顺序啊，姓名存进来，出生日期存进来，然后呃，你记得这里边还有一个扩展字段，那么就是空，不知道存什么就算空。

成功对象你我成过来。Mo ress地址，然后默认注册的是一一，什么意思，就是普通用户，我们添加的是普通用户。这有一个。我看类型。看哪个类型错了。优势方法。来创建了用户实体。这个我们加入。创建用户实体，创建实体，那下一步肯定什么，我数据库放了对不对，加入到数据库的用户表，当然了，这一步是咱们下节课的内容，那加入用户表中之后，那我们再下一步呢，如果添加成功或者失败，我们怎么办？对吧，那我们这块需要呃。

判断一下就是去向。成功。或失败。重定向。到哪里？到那假如说我们。如果。插入成功，假如说我就出来代表如果插入是成功的话，当然我们插入你通过他，咱们成功失败对不对，插入成功的话，我们通过re。嗯。Po用它重定向。到哪去呢？从定向到如果插入成功，那我们就回到这个用户列表这块，呃，下划线user。哦。点GSP重应用到用户列表，否则如果失败的话。我们，那我们得告诉他失败。告的失败，那么就输出流的方式。

呃，枢纽。Print。WI。我。等于通过Rep点里边的get w。Re。SPONS。W。通过这个方法获取到我们打印流，然后。Out right。输出。之后我们就写，呃。写上我们的。加串代加串去就可以了。媳妇，媳妇。然后这块弹出一个。如果失败，弹出用户添加失败。

呃，添加失败。失之我哪呢，我们这块用。老黑人点EF等于。我们。里边用上。呃。转向之号，我们用年号都行，最好用代号。下边的爱。呃，下划线，User add.gsp。转到这来的页面，跳转好写这个项目，录下一个前币的目录，可以试一下可以。好，那我们看一下可不可以呢，因为我们还没写到数据库里边呢。是没给我们做过。我们打印一下。好，既然写so类了，我们一定要重启一下，帮你写JD，不用重启，写so类要重启一下。

哦，便没有问题。我们先更新一下，提交一下。I do user a，新的。没找到这个页面。I下do us us，我们看一下这个是不是写错了。嗯，错误一呢，我们再看提示啊。下划线度。I me，三号线do没有错过。你这会加上。要是下边还你再看下。D。我们起到。哦。

Mo n k d。手。MA下。保存。好，我们再重启一下，因为它自动也会编一下，不一定说每次都需要重启，但是我们还是。重新启动一下。我对一下。刷新。叫。这是重复看啊。Manager，这没问题。我们所有的前面最好是加上manage那个manage，为什么加上那个manage这个，呃，因为加上这个，我们后期做权限控制的时候才有控制，控制以这个开头的。只有登录之后，我者员登录之后才可以访问，如果不加的话，我们不好控制，所以呢，我们在这块都加上以这这些为前缀，但是前面那斜杠是不能少的。那我们看一下用户添加这块，应该是在这块。

现在写的全都绝对。好，提交过来了。因为我们要的是直接转向的。这样的话，你看打印了这个对象。对吧。没问题，那这个功能我们。