在eclipse里新建一个dynamic web project(可能需要在file->new->other里面找一下)
这里有一个提示问你是不是要打开java ee视图:
This kind of project is associated with the Java EE perspective.Do you want to open this perspective?我选了no,也就是还是默认java视图
一、创建jsp文件
这里文件创建出来会有默认的代码:
里面的文件编码默认是ISO-8859-1,但是是不支持中文的,所以我们要在preferences中将jsp文件的默认编码修改为UTF-8(或者GBK)
页面标题和欢迎文字的设置就是上面上面那张图的改法,然后就可以试试项目的运行,run,然后run on server,然后finish:
但是呢,这样显示显然是不够的,我们要插入一个图片,显示一下网站还没建设好。
当然需要一个图片,为了方便,在webcontent文件夹下面直接新建一个文件夹专门来放images,然后把这个准备好的图片放进去:
同时在jsp文件的body里添加html代码把图片加进去(后面包起来的是注释):
<br> <!-- 换行 -->
<img alt="网站building" src="images/building.jpg"><!-- 插入图片 -->
这里html语法的具体,我也没有学过,但是规则比较简单,各个标签的含义可以参考这篇博客:
https://blog.csdn.net/qq_40945903/article/details/78609887
这样再刷新一下我们的网页就能看到图片了:
不过看起来有点太业余了,可以更美观的,那么久在代码中再加入css样式代码来实现。css样式代码一般是添加到到中间的:
<style>
body{
margin:50px auto;/*设置外边距*/
text-align:center;/*设置居中*/
}
</style>
然后再刷新一下我们的网站,就能看到图片居中了。
接下来,我们就要进行首页模块的设计,后台逻辑来控制前台的显示。