基于Javaweb和阿里云服务器的用户管理平台
基于Javaweb和阿里云服务器的用户管理平台
技术支持:
视图层:js+html+css
业务层:servlet
持久层:mysql5.6
项目介绍:myEclipse负责开发javaweb项目,tomcat8.0用来部署项目,mysql5.6用来存储用户数据,其中,**tomcat8.0和mysql均在阿里云服务器上使用,**用户可以访问服务器进入该平台
标题思维导图如下:
1、 阿里云修改安全组规则,让外部用户能使用。HTTP协议代理服务器常用端口号:80/8080/3128/8081/9098,这里把80、3306端口打开,有两个目的:1、80端口打开让外部用户通过外网访问到tomcat,3306端口打开,方便用户操作数据库。
2、 远程连接阿里云服务器,这里选择的是window版本的镜像,WIN+R输入mstsc,输入账号密码进入桌面(本人有过登录记录,所以没有输入密码提示,私人电脑可以记录密码,公用电脑不推荐保存密码):
登录成功界面如下:
3、 安装mysql5.6,考虑在服务器上安装,这里推荐一键安装包,(这里给出个人网盘链接方便下载:链接:https://pan.baidu.com/s/1OwgaeGotX_zf-ZSAcT3f-w 提取码:gm3s),下载好了之后直接解压,目录如下:
4、 点击安装mysql服务.cmd,一个黑框运行而过,然后就可以了。
5、 点击运行mysqk命令行.cmd,记住第一次登录是没有密码的,所以需要我们登录之后修改密码:set password for [email protected] = password(‘root’);
(备注:后面这个root就是密码,所以登录到我的网站账号密码就是root,root;当然现在已经修改了)
6、 关掉这个命令行,右键mysql命令行.cmd,选择编辑,修改里面如下,-p后面加刚刚设置好的密码,不然下次点击这个命令,我们是进入不到mysql数据库的,因为会提示我们密码错误,毕竟我们修改了密码:
7、 再次打开,我们想要用户能真正的访问到数据库,仅仅是打开服务器的3306端口还是不够的,要打开数据库的远程访问权限,并且刷新权限才能让用户访问成功,提供命令行如下:
grant all privileges on . to [email protected]’%’ identified by “root”;
flush privileges;
8、 通过Navicat连接测试(测试成功图如下):
9、 在Navicat下,开始创建我们的数据库:wulianwang,用户表user:
建表语句如下:
create table user(
xuehao int PRIMARY KEY not null,
username varchar(20) not null,
password varchar(20) not null,
qq varchar(20),
phone varchar(20),
registertime varchar(20)
);
insert into user(xuehao,username,password,qq,phone,registertime)
values(2002,‘Vinda’,‘1’,‘123’,‘15965’,NOW());
10、 接下来开始编写java代码,新建javaweb工程项目,并且新建各种包如下:
WebRoot:第一层为视图层,这里主要我们用户直接访问的视图文件;
Com.wd.servlet:第二层控制层,主要存放交互文件,用来接收和响应用户的请求;
Com.wd.biz:第三层逻辑层,主要存放每个功能对应的业务逻辑,例如用户登录、用户注册、修改用户信息等;
Com.wd.dao:第四层持久层,主要存放数据库的增删改查操作,操作数据库的动作就是在该包的java类完成。
上述为常见的四层开发项目规范,这里使用四层设计模型来设计自己的web项目是为了提高项目解耦合,清晰代码的开发思路,摘录于思维哥上课内容。
同时还有一些包的作用:
Com.wd.entity:存放跟数据库字段对应的java类,数据库的表中有多少个字段,这个类中就有多少个成员变量;
Com.wd.jdbc:测试数据库连接文件;
Com.wd.eums:存放用户登录的成功错误情况的枚举类,举例用户登录错误的集中情况;
com.wd.util:存放验证码的生成类;
11、 将该项目打包(源码文章后面贴出),右键项目名称,选择export,选择javaEE->war->点击next:
12、 选择保存路径,点击finish:
13、 将生成的war包导入到tomcat目录下的webapps下,这里就是项目存放文件,war包导入,tomcat在打开状态会自己生成新的项目文件,这时候就完成了部署,如果尚未生效可以重启tomcat。
14、 使用外部浏览器开始访问该项目,输入网址http://weidaboy.top/iot/index.jsp,访问到登录页面:
15、 错误登录示范:
(1)验证码错误:
(2)学号或者密码错误:
16、 成功登录,显示用户列表:
17、 点击右上角的退出登录,回到主界面,点击注册,来到用户注册界面
18、 学号、姓名、密码三者不能为空:
19、 两次输入密码要一致:
20、 QQ和电话可以为空,学号重复会注册失败,接下来演示成功注册,注册成功后跳转到用户列表,显示用户注册时间:
21、 在Navicat中查看是否有该项数据,而不是修改网页显示,显示注册时间相同:
22、 修改QQ号码,在对应文本框输入修改后的数据,点击修改QQ按钮,完成修改:
23、 修改手机号码,在对应文本框输入修改后的数据,点击修改手机按钮,完成修改:
24、 在navicat中查看:
25、 删除用户,点击删除用户,会提示我们是否要删除用户,点击确定完成用户删除,同时将不会保留该用户的数据信息:
Navicat中就剩一条数据:
总给:基本的操作步骤都在以上内容中讲解,在本次项目开发过程中,主要是将项目部署到阿里云的tomcat中,并且要求其项目能操控云数据库,严格来说,该数据库并不算是云数据库,这个数据库只是安装在云服务器上而已,真正的数据库我们直接连接端口操作即可。
不足之处:
- 连接数据库没能使用数据库连接池技术,不能允许应用程序重复使用一个现有的数据库连接,每次对数据库的操作都是再重新建立一个连接。
- 操作界面没能使用一些前端ui框架,因为时间问题做得有点粗糙,显示不够美观大方
- 对于表单转发提交数据处理其实还不算很好,有待改进
- Jsp页面的代码有些臃肿,还可以继续修改完善
部分源码如下:
26、 用户注册的servlet类部分源码:
27、 用户登录的servlet类部分源码:
28、 用户删除的servlet类部分源码.
29、 用户修改数据的servlet部分源码: