粗糙漫画网站(真的粗糙)之首页设计
*最近在写期末大作业,是一个粗糙的漫画网站,用JSP+bootstrap实现。一边写一边疯狂感叹,俺真滴好菜:(
这里是作业要求:*
如果有同学经过…请别全抄俺的…(希望不会有
这篇先写首页,主要是导航栏和链接,还有一个莫名其妙的轮播(其实没有存在的必要
但因为只要求有一部漫画,所以在页面设计上没法大展身手嘿嘿
①头部:引用了一些包和从菜鸟上摘来的bootstrap链接
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%@ page language="java" import="java.sql.*" %>
<%@ page language="java" import="java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"><title>Comic Club</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script></head>
②body部分:
先建立数据库连接,访问存储用户数据的数据库
数据库也很简陋,只有4 5个字段,
用户编号(userID)用户名(username)密码(password)是否是会员(isvip)性别(sex)
<%Class.forName("com.mysql.cj.jdbc.Driver");String url = "jdbc:mysql://这里是选择数据库"+ "user=用户名&password=密码&useUnicode=true&characterEncoding=UTF8&useSSL=false&allowPublicKeyRetrieval=true"; //保护隐私处理Connection conn =DriverManager.getConnection(url);
%>
③初步设计导航栏
从头到尾都出现的只有comic按钮与search搜索框,这里先写这俩
<nav class="navbar navbar-expand-md bg-dark navbar-dark"><div class="container-fluid"><div><a class="navbar-brand" href="http://localhost:8080/cueb/Final/index.jsp">Comic Club</a></div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="collapsibleNavbar"><ul class="navbar-nav"><li class="nav-item"><a class="nav-link" href="http://localhost:8080/cueb/Final/comic.jsp">Comic</a></li></ul></div><div><form class="navbar-form navbar-left form-inline" role="search"><div class="form-group"><input class="form-control" type="text" placeholder="Search"></div><button class="btn btn-secondary" type="submit">Search</button></form></div></div>
</nav>
④对于还没有登录的用户,要显示sign in和register按钮,供用户登录或注册
<%
String s1 = (String)session.getAttribute("login"); //从登录页面传过来的session,‘yes’表示登录,null是未登录
if(s1 == null){%><li class="nav-item"><a class="nav-link" href="http://localhost:8080/cueb/Final/signIn.jsp">Sign in</a></li><li class="nav-item"><a class="nav-link" href="http://localhost:8080/cueb/Final/register.jsp">Register</a></li>
⑤如果用户已经登录,就显示game(提供给VIP用户的小游戏/ 不得不说这个插入挺莫名其妙的/ 但是这是我们这学期学过最高级的东西了)
和MyInfo(查看用户信息)和exit(退出登录)
else{if(flag == true){%><li class="nav-item"><a class="nav-link" href="http://localhost:8080/cueb/Final/game.jsp">Game</a></li><%}%><li class="nav-item"><a class="nav-link" href="http://localhost:8080/cueb/Final/info.jsp">My Info</a></li><li class="nav-item"><a class="nav-link" href="">Exit</a></li><%} %>
⑥因为game只供VIP,所以在这之前,要先看看用户是不是VIP,也就是在数据库里康康isvip字段的值(‘N’表示普通用户,‘Y’表示VIP)(这段要写在else之前哦!)
String s2 = (String)session.getAttribute("username"); //也是从登录页面传过来的用户名String sql = "select isvip from 045_login where username = ?";
PreparedStatement pstat = conn.prepareStatement(sql);pstat.setString(1, s2);
ResultSet rs = pstat.executeQuery();
boolean flag = false;
while(rs.next()){String isvip = rs.getString(1);if("N".equals(isvip)){flag = false;}else{flag = true;}}rs.close();
pstat.close();
conn.close();
结束!
(代码顺序有点乱,凑活看看吧)(轮播就是菜鸟上拷贝来的代码,就不放辣)
作业还没交,有意见大家尽管提提! 感谢!
附上完整代码
<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<%@ page language="java" import="java.sql.*" %>
<%@ page language="java" import="java.util.*" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"><title>Comic Club</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script></head><body>
<% request.setCharacterEncoding("UTF-8"); %>
<%Class.forName("com.mysql.cj.jdbc.Driver");String url = "jdbc:mysql://*特殊处理*/studb?"+ "user=*特殊处理*&password=*特殊处理*&useUnicode=true&characterEncoding=UTF8&useSSL=false&allowPublicKeyRetrieval=true";Connection conn =DriverManager.getConnection(url);
%><!-- navbar -->
<nav class="navbar navbar-expand-md bg-dark navbar-dark"><div class="container-fluid"><div><a class="navbar-brand" href="http://localhost:8080/cueb/Final/index.jsp">Comic Club</a></div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"><span class="navbar-toggler-icon"></span></button><div class="collapse navbar-collapse" id="collapsibleNavbar"><ul class="navbar-nav"><li class="nav-item"><a class="nav-link" href="http://localhost:8080/cueb/Final/comic.jsp">Comic</a></li><%String s1 = (String)session.getAttribute("login");String s2 = (String)session.getAttribute("username");String sql = "select isvip from 045_login where username = ?";PreparedStatement pstat = conn.prepareStatement(sql);pstat.setString(1, s2);ResultSet rs = pstat.executeQuery();boolean flag = false; //判断是不是VIPwhile(rs.next()){String isvip = rs.getString(1);if("N".equals(isvip)){flag = false;session.setAttribute("vip", "no");}else{flag = true;session.setAttribute("vip", "yes");}}rs.close();pstat.close();conn.close();if(s1 == null){%><li class="nav-item"><a class="nav-link" href="http://localhost:8080/cueb/Final/signIn.jsp">Sign in</a></li><li class="nav-item"><a class="nav-link" href="http://localhost:8080/cueb/Final/register.jsp">Register</a></li><%}else{if(flag == true){%><li class="nav-item"><a class="nav-link" href="http://localhost:8080/cueb/Final/guess.jsp">Game</a></li><%}%><li class="nav-item"><a class="nav-link" href="http://localhost:8080/cueb/Final/info.jsp">My Info</a></li><li class="nav-item"><a class="nav-link" href="http://localhost:8080/cueb/Final/exit.jsp">Exit</a></li><%} %></ul></div><div><form class="navbar-form navbar-left form-inline" role="search"><div class="form-group"><input class="form-control" type="text" placeholder="Search"></div><button class="btn btn-secondary" type="submit">Search</button></form></div></div>
</nav>
<br><div align="center"><img src="http://localhost:8080/cueb/Final/cover.png" height="50%" width="80%"/>
</div></body>
</html>
粗糙漫画网站(真的粗糙)之首页设计相关推荐
- Springboot漫画网站j846u计算机毕业设计-课程设计-期末作业-毕设程序代做
Springboot漫画网站j846u计算机毕业设计-课程设计-期末作业-毕设程序代做 [免费赠送源码]Springboot漫画网站j846u计算机毕业设计-课程设计-期末作业-毕设程序代做 本源码技 ...
- SpringBoot+Vue项目漫画网站
文末获取源码 开发语言:Java 框架:springboot JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7/8.0 数据库工具:Navicat11 开发软件:eclip ...
- 基于Springboot的漫画网站设计与实现的源码+文档
摘要 首先,论文一开始便是清楚的论述了系统的研究内容.其次,剖析系统需求分析,弄明白"做什么",分析包括业务分析和业务流程的分析以及用例分析,更进一步明确系统的需求.然后在明白了系 ...
- 基于SpringBoot的漫画网站设计与实现
目 录 1 绪论 3 1.1 课题的目的和意义 3 1.2 国内外研究现状与水平 3 1.3 发展趋势 4 2 分析 5 2.1 系统可行性分析 5 2.2 系统性能和环境要求 5 2.3 系统功能分 ...
- web前端大一实训~制作卡布漫画网站设计与实现(HTML+CSS+JavaScript)
web前端大一实训~制作卡布漫画网站设计与实现 (HTML+CSS+JavaScript) 学生动漫网页设计模板下载 卡不漫画大学生HTML网页制作作品 简单漫画网页设计成品 dreamweaver学 ...
- 网络营销外包——网络营销外包专员浅析网站首页设计需要注意哪些
在网站建设中网站首页对于整个网站来说是非常重要的存在,网站用户点击网站首先映入眼帘的就是网站首页,因此,在网站首页的建设上必须要用心设计.网站首页设计要具有一定的设计感,保证网站具有良好的形象,吸引网 ...
- 网络推广外包——网络推广外包专员如何做好网站首页设计
一般来说用户在浏览网站过程中大多都会将视线集中在网站的头部和中间页面的位置,这也是网站建设中的重点,很少有用户会详细看网站页面的底部,但是作为一个专业的网站建设人员自然也不能忽视对网站底部的建设.那么 ...
- 网站首页设计你都规划了哪些重点呢?
当用户首次访问网站时,最先映入眼帘的就是网站的首页,可以说在一个网站整体设计工作当中,网站的首页设计是非常重要的.那么对于网络公司的设计师来说,应该怎样为客户网站规划好网站的首页设计呢?下面就针对该问 ...
- 浅析网站首页设计需注意的要点
在开展网站设计中网站首页设计十分关键,毕竟用户在浏览网站的过程中第一眼看到的就是网站的首页,这也是用户对网站的第一印象,因此,对于网站首页的设计一定要引起重视.那么我们应该怎样做好网站首页的设计方案呢 ...
最新文章
- 〖Android〗从Android Studio转为Eclipse开发项目运行程序闪退的解决方法
- 域服务器广播消息,广播,组播和UNIX域套接字
- Java 打印菱形星块
- docker run指定entrypiont
- QUIC实战(二) AWS 搭建nginx(http3.0) + upsync + consul(server-client模式) 集群
- [最新]制作u盘引导安装ubuntu11.04
- 桥接模式(Birdge)
- Android 内存数据库
- 通过自学可以搭建量化交易模型吗?
- SpringBoot实现MySQL读写分离
- mysql etimedout_NodeJS:MySQL有时会引发ETIMEDOUT错误
- python可能实现办公自动化吗,让工作化繁为简:用Python实现办公自动化
- tersorrt安装_pytorch/mxnet模型tensorrt部署
- 如何使单片机复位可靠,单片机复位电路?
- 如何制作ANE+Android以及ANE开发中可能遇到的坑
- JQuery(js辅助开发类库)
- Markdown由浅入深
- jQuery学习之旅 Item1 选择器【一】
- ProcessOn‘s Bug--完善个人资料无限扩容
- 设备管理与检修方式的发展史(转)
热门文章
- Unity景深效果解析
- 小米2020校招Android笔试题
- Python制作桑基图
- RabbitMq(五) -- 死信队列和延迟队列
- 阿里巴巴图标库(iconfont)使用
- 如何用js完美的解析lrc歌词
- Android手机获取屏幕分辨率高度因虚拟导航栏带来的问题
- vue2.0 使用 swiper 实现PC端卡片左右虚拟slides滑动
- 使用synchronized实现Lock接口的lock和unlock方法
- The NTVDM CPU has encountered an illegal instruction. CS:0006 IP:130a ....