将之前的jsp脚本全换成了jsp标签和EL表达式

ProjectFirst/.classpath

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="src" path="src"/>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/jre1.8.0_51">
+		<attributes>
+			<attribute name="owner.project.facets" value="java"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.jst.server.core.container/org.eclipse.jst.server.tomcat.runtimeTarget/Apache Tomcat v9.0">
+		<attributes>
+			<attribute name="owner.project.facets" value="jst.web"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.web.container"/>
+	<classpathentry kind="con" path="org.eclipse.jst.j2ee.internal.module.container"/>
+	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/mysql-connector-java-5.1.43-bin.jar"/>
+	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/commons-fileupload-1.3.3.jar"/>
+	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/commons-io-2.5.jar"/>
+	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/jstl.jar"/>
+	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/standard.jar"/>
+	<classpathentry kind="output" path="build/classes"/>
+</classpath>

ProjectFirst/.project

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>ProjectFirst</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.wst.common.project.facet.core.builder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.wst.validation.validationbuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.jem.workbench.JavaEMFNature</nature>
+		<nature>org.eclipse.wst.common.modulecore.ModuleCoreNature</nature>
+		<nature>org.eclipse.wst.common.project.facet.core.nature</nature>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
+	</natures>
+</projectDescription>

ProjectFirst/.settings/.jsdtscope

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry excluding="**/bower_components/*|**/node_modules/*|**/*.min.js" kind="src" path="WebContent"/>
+	<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.JRE_CONTAINER"/>
+	<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.WebProject">
+		<attributes>
+			<attribute name="hide" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.wst.jsdt.launching.baseBrowserLibrary"/>
+	<classpathentry kind="output" path=""/>
+</classpath>

ProjectFirst/.settings/org.eclipse.jdt.core.prefs

@@ -0,0 +1,7 @@
+eclipse.preferences.version=1
+org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled
+org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.8
+org.eclipse.jdt.core.compiler.compliance=1.8
+org.eclipse.jdt.core.compiler.problem.assertIdentifier=error
+org.eclipse.jdt.core.compiler.problem.enumIdentifier=error
+org.eclipse.jdt.core.compiler.source=1.8

ProjectFirst/.settings/org.eclipse.wst.common.component

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
+    <wb-module deploy-name="ProjectFirst">
+        <wb-resource deploy-path="/" source-path="/WebContent" tag="defaultRootSource"/>
+        <wb-resource deploy-path="/WEB-INF/classes" source-path="/src"/>
+        <property name="context-root" value="ProjectFirst"/>
+        <property name="java-output-path" value="/ProjectFirst/build/classes"/>
+    </wb-module>
+</project-modules>

ProjectFirst/.settings/org.eclipse.wst.common.project.facet.core.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<faceted-project>
+  <runtime name="Apache Tomcat v9.0"/>
+  <fixed facet="java"/>
+  <fixed facet="jst.web"/>
+  <fixed facet="wst.jsdt.web"/>
+  <installed facet="java" version="1.8"/>
+  <installed facet="jst.web" version="3.1"/>
+  <installed facet="wst.jsdt.web" version="1.0"/>
+</faceted-project>

ProjectFirst/.settings/org.eclipse.wst.jsdt.ui.superType.container

@@ -0,0 +1 @@
+org.eclipse.wst.jsdt.launching.baseBrowserLibrary

ProjectFirst/.settings/org.eclipse.wst.jsdt.ui.superType.name

@@ -0,0 +1 @@
+Window

ProjectFirst/.tern-project

@@ -0,0 +1,17 @@
+{
+  "ecmaVersion": 5,
+  "plugins": {
+    "guess-types": {
+
+    },
+    "outline": {
+
+    },
+    "angular1": {
+
+    }
+  },
+  "libs": [
+    "browser"
+  ]
+}

ProjectFirst/WebContent/Head/css/css.css

@@ -0,0 +1,15 @@
+
+/* 个人主页、设置 */
+.menu2{
+	width: 200px;
+	position: absolute;
+	left: 0px; 
+	top: 80px; 
+	z-index: 998;
+	display: none;
+	color:red;
+}
+.menu1:hover .menu2{
+	display: block;
+}
+

ProjectFirst/WebContent/Head/css/responsive.css

@@ -0,0 +1,33 @@
+/*右部图片大小设定*/
+
+html {
+   -webkit-text-size-adjust: none;
+}
+.video embed,
+.video object,
+.video iframe {
+   width: 100%;
+   height: auto;
+}
+img{
+	max-width:100%;
+	height: auto;
+  width: auto;\9; /* ie8 */
+}
+
+@media only screen and (max-width: 959px) {
+	nav .wrap-nav{margin-top: 10px; float: left; background: #2ECC71; width: 100%;}
+	#contact-form, #contact-form textarea, #contact-form input{width: 95%;}
+}
+
+@media only screen and (max-width: 767px) {
+	#main-content article .heading, #main-content article .content{ padding: 20px;}
+	.menu  ul li {padding: 18px 5px 11px 5px;}
+	.menu  ul li a {font-size: 12px; padding: 3px 5px;}
+}
+
+
+@media only screen and (max-width: 479px) {
+	.menu  ul li {padding: 15px 5px 8px 5px;}
+	.menu  ul li a {font-size: 8px; padding: 3px 5px;}
+}

ProjectFirst/WebContent/Head/css/style.css

@@ -0,0 +1,153 @@
+/*细节样式设定*/
+
+/* -------------------------------------------- */
+/* ------------------Reset--------------------- */
+a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
+article, aside, audio, canvas, datalist, details, embed, figcaption, figure, footer, header, keygen, meter, nav, output, progress, section, source, video {display:block;}
+mark, rp, rt, ruby, summary, time {display:inline;}
+input, textarea {border:0; padding:0; margin:0; outline: 0;}
+iframe {border:0; margin:0; padding:0;}
+input, textarea, select {margin:0; padding:0px;}
+
+/* -------------------------------------------- */
+/* ------------------Font---------------------- */
+
+@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,300,600,700);
+
+/* -------------------------------------------- */
+/* ------------------Clear--------------------- */
+.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
+
+article:after, article:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
+.box:after, .box:before{clear: both; content: '\0020'; display: block; visibility: hidden; width: 0; height: 0;}
+
+/* -------------------------------------------- */
+/* ------------------Style--------------------- */
+html, body {width:100%; padding:0; margin:0;}
+body {background: #F6F5F2;color: #474747; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 25px;}
+body .wrap-body{}
+
+a{color: #444444;text-decoration: none;}
+a:hover {color: #2ECC71; text-decoration: none;}
+
+a.button{cursor: pointer;color: #ffffff;line-height: 14px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;	background: #2ECC71 ;}
+a.button {display: inline-block;	text-decoration: none;	padding: 6px 12px 6px 12px;}
+a.button:hover{}
+
+h1,h2,h3,h4,h5,h6{ font-family: 'Montserrat', sans-serif; text-transform:uppercase; font-weight:700; line-height:1.4em; color: #474747; }
+h1{ font-size:30px; }
+h2{ font-size:25px; }
+h3{ font-size:20px; }
+h4{ font-size:18px; }
+h5{ font-size:16px; }
+h6{ font-size:14px; }
+
+h1 a, h2 a, h3 a, h4 a{color: #474747; text-decoration: none;}
+h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{color: #2ECC71; text-decoration: none;}
+
+/* -------------------------------------------- */
+/* ------------------Header-------------------- */
+header {background:#333333; margin-bottom:30px;}
+header .wrap-header{height: 80px;}
+
+header #logo {float: left; margin: 10px;}
+
+/* -------------------------------------------- */
+/* ------------------Navigation---------------- */
+nav {}
+nav .wrap-nav{float: right;margin-right: 12px;}
+
+.menu ul {list-style: none;margin: 0;padding: 0;}
+.menu  ul li {position: relative;float: left;padding: 28px 15px 21px 15px; background:#2ECC71;}
+.menu  ul li:hover {background-color:#ffffff;}
+.menu  ul li a {font-size: 14px; line-height:14px;color: #ffffff;display: block;padding: 6px 10px;margin-bottom: 5px;z-index: 6;position: relative;font-weight:bold; text-transform:uppercase;}
+.menu  ul li:hover a {color:#000000;}
+
+/* -------------------------------------------- */
+/* ------------------Content------------------- */
+#content {}
+#content .wrap-content{}
+
+.block{}
+
+#main-content{}
+#main-content article {margin:10px 0px; background:#ffffff;}
+#main-content article .heading{ padding: 30px 40px;}
+#main-content article .heading .title{text-transform: uppercase; font-weight: bold;}
+#main-content article .heading .title2{font-size: 16px; line-height: 20px;}
+#main-content article img{display: inline-block; width: 100%;}
+#main-content article .content{padding: 30px 40px;}
+#main-content article p{margin-bottom:10px;}
+#main-content article .extra{background: #2ECC71; padding: 10px 20px;}
+#main-content article .more {float: right;}
+#main-content article .info{float: left; color: #ffffff;}
+#main-content article .info a{text-decoration: underline; color:#ffffff;}
+
+#sidebar{}
+#sidebar .box {margin-bottom:20px; background:#ffffff;}
+#sidebar .box .heading { padding:20px; border-bottom:1px solid #EEEEEE;}
+#sidebar .box .heading .title{text-transform: uppercase; font-size: 16px; font-weight: bold;}
+#sidebar .box .content {padding:20px}
+#sidebar .box .content .connect{}
+#sidebar .box .content .last{border-bottom: 0px !important;}
+#sidebar .box .content ul{ list-style-type:none;}
+#sidebar .box .content ul li{border-bottom: 1px solid #EEEEEE; padding: 5px 0;}
+#sidebar .box .content .post {padding-bottom: 10px; margin-bottom:10px; border-bottom: 1px solid #EEEEEE;}
+#sidebar .box .content .post .title{ font-weight:normal; font-size: 16px; text-transform: none;}
+#sidebar .box .content .post img{ float:left; margin:0 10px 10px 0;}
+#sidebar .box .content .post p{color:#A3A3A3; font-style:italic;}
+
+/* -------------------------------------------- */
+/* ------------------Form------------------- */
+#comment{padding: 30px 40px;}
+
+#contact-form {width:500px;}
+#contact-form label {
+	display:block;
+	height:44px;
+}
+#contact-form input {
+	width:100%;
+	font-size:15px;
+	line-height:1.2em;
+	color:#a0a0a0;
+	padding:8px 15px;
+	margin:0;
+	font-family:Arial, Helvetica, sans-serif;
+	border:1px solid #eeeeee;
+	background: #ffffff;
+	outline:none;
+}
+#contact-form textarea {
+	height:158px;
+	overflow:auto;
+	width:100%;
+	font-size:15px;
+	line-height:1.2em;
+	color:#a0a0a0;
+	padding:7px 15px;
+	margin:0;
+	font-family:Arial, Helvetica, sans-serif;
+	border:1px solid #eeeeee;
+	background: #ffffff;
+	outline:none;
+}
+.buttons {padding-top:17px; text-align:right}
+.buttons a {margin-left:30px}
+
+
+/* -------------------------------------------- */
+/* ------------------Footer-------------------- */
+footer {margin-top:30px;background-color: rgba(0,0,0,0.8);}
+footer .wrap-footer{padding:10px 0px; color:#ffffff;}
+footer .box .heading{ padding:5px; border-bottom:1px dotted #ffffff;}
+footer .box .heading .title{padding:0 10px; color:#ffffff;}
+footer .box .content{padding:20px}
+footer .box .content a{	color: #ffffff; text-decoration: underline;}
+footer .box .content a:hover {color: #2ECC71; text-decoration: none;}
+footer .box .content p{margin-bottom: 10px;}
+footer .box .content .gallery {}
+footer .box .content .gallery img{}
+
+.copyright{text-align:center; margin-top:0px; background:#000; padding:10px 0px;color:#ffffff; }
+.copyright a{text-decoration:underline; color:#ffffff; }

ProjectFirst/WebContent/Head/css/zerogrid.css

@@ -0,0 +1,62 @@
+/*整体宽度设定*/
+
+/* -------------------------------------------- */
+/* ------------------Grid System--------------- */
+.zerogrid{ width: 960px; position: relative; margin: 0 auto; padding: 0px;}
+.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
+
+.zerogrid .row{}
+.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
+.zerogrid .row:after{clear: both; }
+.zerogrid .row{zoom: 1;}
+
+.zerogrid .wrap-col{margin:10px;}
+
+.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}
+
+.zerogrid .col-full{width:100%;}
+
+.zerogrid .col-1-2{width:50%;}
+
+.zerogrid .col-1-3{width:33.33%;}
+.zerogrid .col-2-3{width:66.66%;}
+
+.zerogrid .col-1-4{width:25%;}
+.zerogrid .col-2-4{width:50%;}
+.zerogrid .col-3-4{width:75%;}
+
+.zerogrid .col-1-5{width:20%;}
+.zerogrid .col-2-5{width:40%;}
+.zerogrid .col-3-5{width:60%;}
+.zerogrid .col-4-5{width:80%;}
+
+.zerogrid .col-1-6{width:16.66%;}
+.zerogrid .col-2-6{width:33.33%;}
+.zerogrid .col-3-6{width:50%;}
+.zerogrid .col-4-6{width:66.66%;}
+.zerogrid .col-5-6{width:83.33%;}
+
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+	.zerogrid{width:768px;}
+}
+
+@media only screen and (max-width: 767px) {
+	.zerogrid{width:100%;}
+}
+
+@media only screen and (min-width: 620px) and (max-width: 767px) {
+	.zerogrid{width:100%;}
+}
+
+@media only screen and (max-width: 619px) {
+	.zerogrid, .zerogrid .col-1-2,
+	.zerogrid .col-1-3, .zerogrid .col-2-3,
+	.zerogrid .col-1-4, .zerogrid .col-2-4,
+	.zerogrid .col-3-4, .zerogrid .col-1-5,
+	.zerogrid .col-2-5, .zerogrid .col-3-5,
+	.zerogrid .col-4-5, .zerogrid .col-1-6,
+	.zerogrid .col-2-6, .zerogrid .col-3-6,
+	.zerogrid .col-4-6, .zerogrid .col-5-6{
+		width:100%;
+	}
+}