Complete set of part

Problems encountered

1. the Eclipse prompts Tomcat miss missing bug:. At The Tomcat Server AT the Configuration \ Servers \ Tomcat V5.5 Server localhost-config IS AT Missing (resolved)
2. everal the ports (8005, 8080, 8009) required (resolved)
Reference link 2
 this was the first link can get rid of, known in the peaceful settlement of, be careful not to advance open tomcat, eclipse will automatically open, otherwise tomcat will be occupied by other programs.
3. the Eclipse Tip: "The superclass" javax.servlet.http.HttpServlet "was not found on the Java" solution
(Resolved)

First, the environment configuration portion

Eclipse + JDK1.8 +Tomcat8.5 + MySQL5.7 + Navicat premium

1. The mounting portion

Resources and reference links:
(1) MySQL download - Baidu network disk  extraction code: 2rq4
(2) Navicat Premium download - Baidu network disk   extraction code: e5xm
(3) MySQL5.7 installation
(4) MySQL under Windows and Navicat premium installation
(5.1) the jDK how to download
(5.2) JDK1.8 download and installation
(6) Oracle official website jdk and jre download (java by Oracle bought)
(7) download the official website address of Apache Tomcat
(8) Tomcat 8.5 the installation method
   if not successful, to the cmd into the bin directory of tomcat run the command service.bat install
on cmd into the specified directory, the initial state is in the C drive, then you need to type E: come into your think of the tray, and then to come to a specified directory with cd path
Here Insert Picture Description
(9) to detect Tomcat installation was successful

Off until next JDK to install Apache?
My JDK installation path: C: \ Program Files \ Java

DEPLOYMENT

How to deploy front-end static files with Tomcat

Four, HTML5 notes

<!--注释 Ctrl+/   注释选中部分的话 Ctrl+Shift+/ -->

1. The main structure

<!DOCTYPE html> <!--这里是指定此程序是html,有的开发环境没有这句也可以使用-->
<html lang="en">	<!-- 根元素,标志文档中html部分的开始  lang中属性en为将此文档翻译为英语,zh为中文-->
<head>
 This is head!
	<meta charset="UTF-8">	<!--源数据,给浏览器提供多次访问,以UTF-8的方式进行编码-->
	<title> HTML_test </title>	<!--这个是标签页上的那个标题设置为“HTML_test”-->
</head>
<body>	<!--提供有关文档内容和标注信息的-->
</body>
</html>

the difference between the head tag and body tag
1.head included in the label instructions
1) title page a unique title tag is -title tag
2) base is the default page Open label declaration Base
3) Link is a link label, including external css file references, js file references, favicon.ico icons link references and so on presentation
4) meta tag contains a wide range of content, such as web page keywords, page description, author, page coding, robots, and other sound automatically jump 5) Ming and description tags. describes meta
6) script files js is the introduction of external action
7) style or directly into js css file tag page.
2.body label
1) body content tags, use or appear only once in HTML
2) into the body are usually web content label content
3) Web Content start and end tags
4) Usually we see the content in IE content area between, are placed in
5) can be understood, let the content displayed in the IE browser, of course, can not arbitrarily put everywhere, here html html specification language has its own grammar, this time the body tag to solve such requirements and specification!

(1) of the label

<!DOCTYPE html> <!--这里是指定此程序是html,有的开发环境没有这句也可以使用-->
<html lang="en">	

<head>
	<meta charset="UTF-8">	<!--源数据,给浏览器提供多次访问,以UTF-8的方式进行编码-->
	<title> HTML_test </title>
</head>

<body>	<!--提供有关文档内容和标注信息的-->
超链接
<a href = "https://www.baidu.com/"> 超链接1 </a> <!--超链接这三个字是超链接本身(类似PPT中的超链接,这个效果就是点击这三个字后,在本标签页中打开此链接-->
<a href = "https://www.baidu.com/" target="_blank"> 超链接2_blank</a>	<!--target属性是blank就是超链接在新的标签页中打开-->
<a href = "https://www.baidu.com/" target="_self"> 超链接3_self</a>	<!--target属性是_self和这里没有target是一样的,默认就是_self属性,就是在本标签页中打开链接-->
<a href = "https://daohang.qq.com/?fr=hmpage"  style='text-decoration:none'> 超链接4</a>	<!--这里的style中的属性可以消除超链接下的下划线-->
粗体
<b> 粗体 </b>
划线
<u> 下划线 </u><!--基本被淘汰掉-->
<s> 中划线 </s>
</body>
</html>
Published 18 original articles · won praise 1 · views 988

Guess you like

Origin blog.csdn.net/weixin_43773038/article/details/103979085