大战web

大战web

网页制作是一个比较前沿的技术,涉及到的知识系统比较多也比较杂。我们以Java为基础,用exlipesEE的webservise来制作web项目。
一.环境安装:
任何项目的入门都绕不开环境,相对与其他环境来讲,web的环境搭配还比较简单。主要需要下载exlipesEE和tomcat服务器。在exlipesEE中能直接创建web项目框架,在创建框架时把tomcat服务器下载地址导入进项目,这样项目就能直接调用tomcat运行网页了。我这里给出关键步骤截图:
1.创建dynamic web project(动态网页项目)
在这里插入图片描述
填写项目名称,并在Target runtime这一栏中选择封装好的tomcat服务器。如果之前没有封装,便点击New Runtime封装,封装好之后选择。
在这里插入图片描述
点击next到最后一步,在小方框里打√,这个√的目的是创建一个web.xml文件。
在这里插入图片描述
二.后台搭建,初次运行
环境安装好之后我们便可以开始写后台了。
在src里创建一个servlet项目,填写包名和类名。
在这里插入图片描述
创建完成之后就会自动生成Login包和类,并且类里已经写好了基本的方法(doget获取,dopost加密获取)
在这里插入图片描述
在不写任何逻辑的情况下我们也能直接运行这个类,console控制台会显示一系列启动信息。并且生成一个默认网址和网页。在本地服务器是运行的情况下我们也能复制网址到浏览器中打开。
在这里插入图片描述
在这里插入图片描述
三.前端上阵
javaee里的servlet类能给我们提供一个后台支撑,在次基础上我们需要搭建一个前端界面,在这里我们使用HTML描述框架,VSS美化页面,JavaScreipt提供逻辑控制。
我们可以先创建一个简单的html文件:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>登录界面</title>
</head>
<body>
<h1>登录</h1>
<input type="text" name="username" >
<input type="text" name="userpwd" >
<input type="button" value="登录" >
</body>
</html>

在这里插入图片描述
现在我们要做的就是使前台和后台连接,如何连接呢?
其实关键在于网址!
一种方式是通过html的标签连接
将html代码修改如下

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>登录界面</title>
</head>
<body>
<h1>登录</h1>
	<form action="http://localhost:8080/1/Login" method="post">
		<input type="text" name="username" value="">
		<input type="text" name="userpwd" value="">
		<input type="submit" value="登录" >
	</form>
</body>
</html>

action=”后台网址“,这样只要点击按钮或者在文本框中输入并回车都会跳转到后端界面。(后台需要一直在运行)
在这里插入图片描述
在这里插入图片描述
现在暂时实现了界面跳转,接下来我们要实现逻辑控制,比如在输入密码账号正确的情况下才会跳转到我们想要去的地方,否则不会。
作为一个完整的项目还需要搭建一个数据库后台,在后台中我们能取得我们需要的数据。 之后我会一一完善。
-------未完待续------

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吴澳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值