jsp实现的个⼈⽹页空间⽹页web项⽬,含登录、注册、发布删除⽂章、个⼈信
息管理等功能
咳咳,最近朋友到我帮他做⼀个⽹站web项⽬的作业,发来了如下功能模块,因为是作业嘛,我也还是个学⽣,就⽐较茅草(马虎)的做了⼀下,不想去⽤那些对于我来说较繁琐的dao,servlet啥的,于是就只⽤jsp实现与数据库的连接就⾏,也不考虑任何程序的优化程度啥的,能跑就⾏哈哈哈,在⽹上copy了 ⼀些⽹站样式啥的,具体如下:
⼀、
⼆、
部署开发环境:具体可以看我前⾯发的,这两篇博⽂中讲的⽐较清楚,这⾥就不⼀⼀解释了
三、
项⽬内容:
实现效果:
部分主要代码:
//main.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = ContextPath();
String basePath = Scheme()+"://"+ServerName()+":"+ServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="zh-cn">
<!-- Added by wx --><meta http-equiv="content-type" content="text/html;charset=utf-8" />
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="referrer" content="origin" />
<meta http-equiv="Cache-Control" content="no-transform" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>实训项⽬</title>
<link rel="stylesheet" href="js/blog-common.min9596.css" />
<link id="MainCss" rel="stylesheet" href="js/bundle-codinglife.mina985.css" />
<link type="text/css" rel="stylesheet" href="js/custom65f5.css" />
<link id="mobile-style" media="only screen and (max-width: 767px)" type="text/css" rel="stylesheet" href="js/bundle-codinglife-mobile.min59df.css" />
<link type="application/rss+xml" rel="alternate" href="feedblogs/blog/u/254902/rss/" />
<link type="application/rsd+xml" rel="EditURI" href="l" />
<link type="application/wlwmanifest+xml" rel="wlwmanifest" href="l" />
<script type="text/javascript">
function check(){
alert("请先登录,登录后才可评论");}
function chakan(){
alert("请先登录,登录后才可查看");}
</script>
</head>
<body>
<a name="top"></a>
<div id="page_begin_html" ></div>
<!--done-->
<div id="home">
<div id="header">
<div id="blogTitle" >
<a id="lnkBlogLogo" href="login.jsp"><img id="blogLogo" src="js/tb.jpg" /><p align="right">登录/注册</p></a>
<h1><a href="main.jsp">17020组实训项⽬</a>
</h1>
<h2>
咿呀咿呀没有哟
</h2>
</div><!--end: blogTitle 博客的标题和副标题 -->
<div id="navigator">
<ul id="navList">vba从入门到精通pdf中文版
<li><a id="blog_nav_sitehome" class="menu" href="main.jsp">
个⼈⾸页</a>
</li>
</li>
<li>
<a id="blog_nav_myhome" class="menu" href="tp.jsp">
精彩图⽚</a>
</li>
<li>
html button跳转页面<a id="blog_nav_newpost" class="menu" href="jbsp.jsp">
私人网站劲爆视频</a>
</li>
<li>
<a id="blog_nav_contact" class="menu" onclick="return chakan()">
⽂章精选</a></li>
<li>
<a id="blog_nav_rss" class="menu" onclick="return chakan()">
团队简介</a>
<!--<partial name="./Shared/_XmlLink.cshtml" model="Model" /></li>--></li>
</ul>
<div class="blogStats">
tube是什么意思
<span id="stats_article_count">⽂章 -
0 </span>
<span id="stats-comment_count">评论 -
0</span>
</div><!--end: blogStats -->程序二进制ascii码
</div><!--end: navigator 博客导航栏 -->
</div><!--end: header 头部 -->
<div id="main">
<div id="mainContent">
<div class="forFlow">
<!--done-->
<div class="day">
<div class="dayTitle">
<a>2020年4⽉2⽇</a>
</div>
<div class="postTitle">
<a class="postTitle2" onclick="return chakan()" rel="nofollow">
你好,我是雷军
</a>
</div>
<div class="postCon">
<div class="c_b_p_desc">
摘要:雷军谈过⼩⽶⼿机的初⼼。“我在初期做⼩⽶的时候提到,零⼴告预算,也⼏乎是零渠道预算,成本定价,⽣产材料多少钱就定多少钱,这就是为什么我做硬件研发还必须要做零售...
<a onclick="return chakan()" class="c_b_p_desc_readmore">阅读全⽂</a>
</div>
</div>
<div class="clear"></div>
<div class="postDesc">
posted @ 2020-4-2 15:47已阅读(6132)<a onclick="return check()" rel="nofollow">评论(0)</a>
</div>
<div class="clear"></div>
</div>
<br>
<div class="day" >
<div class="dayTitle">
<a onclick="return chakan()">更多⽂章>>>></a>
</div>
</div>
</div><!--end: forFlow -->
</div><!--end: mainContent 主体内容容器-->
<div id="sideBar">
<div id="sideBarMain">
</div><!--end: sideBarMain -->
</div><!--end: sideBar 侧边栏容器 -->
<div class="clear"></div>
</div><!--end: main -->
</div><!--end: main -->
<div class="clear"></div>
<div id="footer">
</div><!--end: footer -->
</div><!--end: home ⾃定义的最⼤容器 -->
</body>
</html>
//login.jsp
<!-- 2020.3.31
by xiaoxiao -->
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String path = ContextPath();
String basePath = Scheme()+"://"+ServerName()+":"+ServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录案例</title>
<link rel="stylesheet"
href="store.css"
type="text/css">
</head>
<style>
body{
background-color:pink;}</style>
<body>
<div class="container">
<div ></div>
<div class="row" >
<div class="col-md-4 col-md-offset-4">
<div class="panel panel-primary">
<div class="panel-heading" >
登录//注册
</div>
<div class="panel-body">
<form action="check-login.jsp" method="POST" name="loginForm">
<div class="form-group">
<label for="name">⽤户名</label><input type="text"
class="form-control" name="name" placeholder="请输⼊⽤户名">
</div>
<div class="form-group">
<label for="">密码</label><input type="password"
class="form-control" name="password" placeholder="请输⼊密码">
</div>  
学生个人网页html代码
<button type="submit" class="btn btn-primary"
onclick="return checkForm()">登录</button>
       
<a class="btn btn-primary"
href="./register.jsp" >注册</a>          &nb sp;
<a class="btn btn-primary"
href="main.jsp" >游客</a>
</form>
</div>
</div>
</div>
</div>
</div>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。