前台
注册登录界面+主界面+评论界面
效果:
代码:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>前台登陆界面</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="" />
<script>
addEventListener("load", function() {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!-- Meta tag Keywords -->
<!-- css files -->
<link rel="stylesheet" href="admin/css/style.css" type="text/css"
media="all" />
<!-- Style-CSS -->
<link rel="stylesheet" href="admin/css/fontawesome-all.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //css files -->
<!-- web-fonts -->
<!-- //web-fonts -->
</head>
<body>
<!-- bg effect -->
<div id="bg">
<canvas></canvas>
<canvas></canvas>
<canvas></canvas>
</div>
<!-- //bg effect -->
<!-- title -->
<h1>Effect Login Form</h1>
<!-- //title -->
<!-- content -->
<div class="sub-main-w3">
<form action="doNewLogin.jsp" method="post">
<h2>
Login Now <i class="fa fa-long-arrow-down"></i>
</h2>
<div class="form-style-agile">
<label> <i class="fa fa-user"></i> Username
</label> <input placeholder="Username" name="username" type="text"
value="admin" required="">
</div>
<div class="form-style-agile">
<label> <i class="fa fa-unlock-alt"></i> Password
</label> <input placeholder="Password" name="password" type="password"
required="">
</div>
<!-- checkbox -->
<div class="wthree-text">
<ul>
<li><label class="anim"> <input type="checkbox"
class="checkbox" required=""> <span>Stay Signed In</span>
</label></li>
<li><a href="register.jsp">never register?</a></li>
</ul>
</div>
<!-- //checkbox -->
<input type="submit" value="Log In">
</form>
</div>
<!-- //content -->
<!-- copyright -->
<div class="footer">
<p>Copyright © 2021.Company name All rights reserved.</p>
</div>
<!-- //copyright -->
<!-- Jquery -->
<script src="admin/js/jquery-3.3.1.min.js"></script>
<!-- //Jquery -->
<!-- effect js -->
<script src="admin/js/canva_moving_effect.js"></script>
<!-- //effect js -->
</body>
</html>
代码:
<%@page import="com.news.dao.impl.NewsDaoImpl"%>
<%@page import="com.news.dao.impl.ThemeDaoImpl"%>
<%@page import="com.news.entity.News"%>
<%@page import="com.news.dao.INewsDao"%>
<%@page import="java.util.List"%>
<%@page import="com.news.entity.Theme"%>
<%@page import="com.news.dao.IThemeDao"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>新闻首页</title>
<link rel="stylesheet" type="text/css" href="admin/css/main.css" />
</head>
<body>
<div id="header">
<div id="top_login">
<span style="font-size: 14px; cursor: pointer; font-weight: bold;">卓京教育新闻网首页</span>
【<a href="register.jsp">请注册</a>】
<%
request.setCharacterEncoding("utf-8");
//获取usernmae
String username = request.getParameter("username");
if (null != username) {
out.println("<span>欢迎你回来! " + username + "</span>");
} else {
out.println("【<a href = 'newlogin.jsp'>登录</a>】");
}
%>
<img src="admin/images/friend_logo.gif" alt="Google" id="friend_logo" />
</div>
<div id="nav">
<div id="logo">
<img src="admin/images/logo.jpg" alt="新闻中国" />
</div>
<div id="a_b01">
<img src="admin/images/a_b01.gif" alt="" />
</div>
<!--mainnav end-->
</div>
</div>
<div id="container">
<div class="sidebar">
<h1>
<img src="admin/images/title_1.gif" alt="国内新闻" />
</h1>
<div class="side_list">
<ul>
<li><a href='#'><b> 重庆涉黑富豪黎强夫妇庭审答辩言辞相互矛盾 </b></a></li>
<li><a href='#'><b> 发改委:4万亿投资计划不会挤占民间投资空间 </b></a></li>
<li><a href='#'><b> 河南2个乡镇政绩报告内容完全一致引关注 </b></a></li>
</ul>
</div>
<h1>
<img src="admin/images/title_2.gif" alt="国际新闻" />
</h1>
<div class="side_list">
<ul>
<li><a href='#'><b> 日本首相鸠山首次全面阐述新政府外交政策 </b></a></li>
<li><a href='#'><b> 黎巴嫩以色列再次交火互射炮弹 </b></a></li>
<li><a href='#'><b> 伊朗将于30日前就核燃料供应方案作出答复 </b></a></li>
<li><a href='#'><b> 与基地有关组织宣称对巴格达连环爆炸负责 </b></a></li>
</ul>
</div>
<h1>
<img src="admin/images/title_3.gif" alt="娱乐新闻" />
</h1>
<div class="side_list">
<ul>
<li><a href='#'><b> 施瓦辛格启动影视业回迁计划 推进加州经济复苏 </b></a></li>
<li><a href='#'><b> 《沧海》导演回应观众质疑 自信能超越《亮剑》 </b></a></li>
<li><a href='#'><b> 《海角七号》导演新片开机 吴宇森等出席 </b></a></li>
<li><a href='#'><b> 《四大名捕》敦煌热拍 八主演飙戏火花四溅 </b></a></li>
</ul>
</div>
</div>
<div class="main">
<div class="class_type">
<img src="admin/images/class_type.gif" alt="新闻中心" />
</div>
<div class="content">
<!-- 3.index.jsp用户首页的新闻分类显示(数据绑定) -->
<ul class="class_date&#