javaweb——e家园项目

最新推荐文章于 2024-10-06 20:16:20 发布

小羊持续开发

最新推荐文章于 2024-10-06 20:16:20 发布

阅读量564

点赞数

分类专栏： java web 文章标签： java

本文链接：https://blog.csdn.net/ys_chy/article/details/124184377

版权

java web 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

本文介绍了E家园项目的数据库结构，包括用户、主题和内容表。重点阐述了首页设计，涉及注册登录、导航菜单、内容展示和超链接跳转。页面代码展示了基础HTML结构和CSS样式，以及主要模块如侧边栏、轮播图和栏目分类。

摘要由CSDN通过智能技术生成

e家园项目

1.项目数据库分析

用户表，主题表，内容表。

2.项目需求：

——在一个页面的基础上进行

注册，登录功能

不同主题的内容显示

超链接的跳转

自行扩展

页面代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>E家园首页</title>
		<!-- 引入index.css -->
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<div id="container">
			<!-- head -->
			<div class="head">
				<!-- logo  start-->
				<div class="logo"><img src="img/logo.jpg"></div>
				<!-- nav -->
				<div class="nav">
					<ul>
						<li><a href="#"><img src="img/daohan_1.jpg" /></a></li>
						<li><a href="#"><img src="img/daohan_2.jpg" /></a></li>
						<li><a href="#"><img src="img/daohan_3.jpg" /></a></li>
						<li><a href="#"><img src="img/daohan_4.jpg" /></a></li>
						<li><a href="#"><img src="img/daohan_5.jpg" /></a></li>
						<li><a href="#"><img src="img/daohan_6.jpg" /></a></li>
						<li><a href="#"><img src="img/daohan_7.jpg" /></a></li>
					</ul>
				</div>
			</div><!-- head END -->
			
			<!-- ====================================================================== -->
			<!-- main -->
			<div class="main">
				<!-- main_left -->
				<div class="main_left">
					<div class="myForm">
						<img src="img/bg06.gif">
						<!-- 登录表单 -->
						<div class="myLogin"></div>
						<!-- 分割线 -->
						<div class="division">
							<img src="img/line01.gif" />
							<img src="img/left01.jpg" />
						</div>
						<!-- 登录表单 -->
						<div class="mysearch"></div>
						<img src="img/line02.gif" />
					</div><!-- myForm END -->
					<div class="notice">
						<img src="img/left02.gif" />
						<div class="notice_content">
							站内公告<br>
							站内公告<br>
							站内公告<br>站内公告<br>
							站内公告<br>
							站内公告<br>
						</div>
						<img src="img/line02.gif" />
					</div>
				</div>
				<!-- main_right -->
				<div class="main_right">
					<div class="carousel"><img src="img/banner.gif"></div>
					<div class="mtitle"><img src="img/dot02.gif">栏目分类</div>
					<div class="contents">
						<div class="item">
							<img src="img/cen01.jpg" />
							<ul>
								<li>aaaaaaa</li>
								<li>aaaaaaa</li>
								<li>aaaaaaa</li>
							</ul>
						</div>
						<div class="item">
							<img src="img/cen01.jpg" />
							<ul>
								<li>aaaaaaa</li>
								<li>aaaaaaa</li>
								<li>aaaaaaa</li>
							</ul>
						</div>
						<div class="item">
							<img src="img/cen01.jpg" />
							<ul>
								<li>aaaaaaa</li>
								<li>aaaaaaa</li>
								<li>aaaaaaa</li>
							</ul>
						</div>
						<div class="item">
							<img src="img/cen01.jpg" />
							<ul>
								<li>aaaaaaa</li>
								<li>aaaaaaa</li>
								<li>aaaaaaa</li>
							</ul>
						</div>
					</div>
				</div>
			</div><!-- main END -->
			<!-- ====================================================================== -->
			<!-- footer start -->
			<div class="footer">
				版权所有 卓京信息<br>
				盗版必究
			</div><!-- footer end -->
		</div>
	</body>
</html>