ssm博客系统-博客静态页面的实现（bootstrap框架）

最新推荐文章于 2024-03-10 23:27:42 发布
最新推荐文章于 2024-03-10 23:27:42 发布
阅读量1.5k 收藏 5
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/suyebiubiu/article/details/85879363
版权

参考：https://v3.bootcss.com/components/

<%@ 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">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap3/css/bootstrap.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/bootstrap3/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/blog.css">
<script src="${pageContext.request.contextPath}/static/bootstrap3/js/jquery-1.11.2.min.js"></script>
<script src="${pageContext.request.contextPath}/static/bootstrap3/js/bootstrap.min.js"></script>
<title>博主主页</title>
<style type="text/css">
	body{
		padding-top: 10px;
		padding-bottom: 40px;
	}
</style>
</head>
<body>
<div class="container">
	<div class="row">
	  <div class="col-md-4">
	  	<img alt="苏叶的博客系统" src="${pageContext.request.contextPath}/static/images/logo.png">
	  </div>
	  <div class="col-md-8">
	  	<iframe style="float: right;" width="420" scrolling="no" height="60" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=5"></iframe>
	  </div>
	</div>
	
	<div class="row">
		<div class="col-md-12" style="padding-top: 10px">
			<nav class="navbar navbar-default">
			  <div class="container-fluid">
			    <!-- Brand and toggle get grouped for better mobile display -->
			    <div class="navbar-header">
			      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			        <span class="sr-only">Toggle navigation</span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			        <span class="icon-bar"></span>
			      </button>
			      <a class="navbar-brand" href="#"><font color="black"><strong>首页</strong></font></a>
			    </div>
			
			    <!-- Collect the nav links, forms, and other content for toggling -->
			    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			      <ul class="nav navbar-nav">
			        <li><a href="#"><font color="black"><strong>关于博主</strong></font></a></li>
			        <li><a href="#"><font color="black"><strong>本站源码下载</strong></font></a></li>
			      </ul>
			      <form class="navbar-form navbar-right" role="search">
			        <div class="form-group">
			          <input type="text" class="form-control" placeholder="请输入要查询的关键字...">
			        </div>
			        <button type="submit" class="btn btn-default">搜索</button>
			      </form>
			    </div><!-- /.navbar-collapse -->
			  </div><!-- /.container-fluid -->
			</nav>
		</div>
	</div>
	
	<div class="row">
	  <div class="col-md-9">
	  	<div class="data_list">
	  		<div class="data_list_title">
			<img src="${pageContext.request.contextPath}/static/images/list_icon.png"/>
			最新博客</div>
	  		
	  		<div class="datas">
	  			<ul>
	  				<li style="margin-bottom: 30px">
	  					<span class="date"><a href="${pageContext.request.contextPath}/blog/articles/52.html">2016年02月15日</a></span>
					  	<span class="title"><a href="${pageContext.request.contextPath}/blog/articles/52.html">使用CXF开发WebService客户端</a></span>
					  	<span class="summary">摘要: 前面一讲开发了webservice服务器端接口，今天的话，我们来开发webservice客户端，让大家来体验下过程；首先建一个Maven项目，项目名字，WS_Client；然后我们要用CXF给我们提供的工具wsdl2java 来根据请求的url生成客户端代码；wsdl2java工具在CXF开发包里；开发下载地...</span>
					  	<span class="img">
					  		
						  		<a href="/blog/articles/52.html"><img src="${pageContext.request.contextPath}/static/userImages/a.jpg" alt="1455539511890048174.jpg"></a>
						  		&nbsp;&nbsp;
					  		
						  		<a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203213.jpg" src="${pageContext.request.contextPath}/static/userImages/b.jpg" title="1455539700734093102.jpg" width="667" height="264" style="width: 667px; height: 264px;"></a>
						  		&nbsp;&nbsp;
					  		
						  		<a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203317.jpg" src="${pageContext.request.contextPath}/static/userImages/c.jpg" title="1455539761187019902.jpg"></a>
						  		&nbsp;&nbsp;
					  		
					  	</span>
					  	<span class="info">发表于 2016-02-15 21:06 阅读(71) 评论(5) </span>
	  					
	  				</li>
	  				 <hr style="height:5px;border:none;border-top:1px dashed gray;padding-bottom:  10px;" />
	  				
	  				<li style="margin-bottom: 30px">
	  					<span class="date"><a href="${pageContext.request.contextPath}/blog/articles/52.html">2016年02月15日</a></span>
					  	<span class="title"><a href="${pageContext.request.contextPath}/blog/articles/52.html">使用CXF开发WebService客户端</a></span>
					  	<span class="summary">摘要: 前面一讲开发了webservice服务器端接口，今天的话，我们来开发webservice客户端，让大家来体验下过程；首先建一个Maven项目，项目名字，WS_Client；然后我们要用CXF给我们提供的工具wsdl2java 来根据请求的url生成客户端代码；wsdl2java工具在CXF开发包里；开发下载地...</span>
					  	<span class="img">
					  		
						  		<a href="/blog/articles/52.html"><img src="${pageContext.request.contextPath}/static/userImages/a.jpg" alt="1455539511890048174.jpg"></a>
						  		&nbsp;&nbsp;
					  		
						  		<a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203213.jpg" src="${pageContext.request.contextPath}/static/userImages/b.jpg" title="1455539700734093102.jpg" width="667" height="264" style="width: 667px; height: 264px;"></a>
						  		&nbsp;&nbsp;
					  		
						  		<a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203317.jpg" src="${pageContext.request.contextPath}/static/userImages/c.jpg" title="1455539761187019902.jpg"></a>
						  		&nbsp;&nbsp;
					  		
					  	</span>
					  	<span class="info">发表于 2016-02-15 21:06 阅读(71) 评论(5) </span>
	  					
	  				</li>
	  				 <hr style="height:5px;border:none;border-top:1px dashed gray;padding-bottom:  10px;" />
	  				
	  				
	  				<li style="margin-bottom: 30px">
	  					<span class="date"><a href="${pageContext.request.contextPath}/blog/articles/52.html">2016年02月15日</a></span>
					  	<span class="title"><a href="${pageContext.request.contextPath}/blog/articles/52.html">使用CXF开发WebService客户端</a></span>
					  	<span class="summary">摘要: 前面一讲开发了webservice服务器端接口，今天的话，我们来开发webservice客户端，让大家来体验下过程；首先建一个Maven项目，项目名字，WS_Client；然后我们要用CXF给我们提供的工具wsdl2java 来根据请求的url生成客户端代码；wsdl2java工具在CXF开发包里；开发下载地...</span>
					  	<span class="img">
					  		
						  		<a href="/blog/articles/52.html"><img src="${pageContext.request.contextPath}/static/userImages/a.jpg" alt="1455539511890048174.jpg"></a>
						  		&nbsp;&nbsp;
					  		
						  		<a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203213.jpg" src="${pageContext.request.contextPath}/static/userImages/b.jpg" title="1455539700734093102.jpg" width="667" height="264" style="width: 667px; height: 264px;"></a>
						  		&nbsp;&nbsp;
					  		
						  		<a href="/blog/articles/52.html"><img alt="QQ鎴浘20160215203317.jpg" src="${pageContext.request.contextPath}/static/userImages/c.jpg" title="1455539761187019902.jpg"></a>
						  		&nbsp;&nbsp;
					  		
					  	</span>
					  	<span class="info">发表于 2016-02-15 21:06 阅读(71) 评论(5) </span>
	  					
	  				</li>
	  				 <hr style="height:5px;border:none;border-top:1px dashed gray;padding-bottom:  10px;" />
	  				
	  			</ul>
	  		</div>
	  	</div>
	  </div>
	  <div class="col-md-3">
	  		<div class="data_list">
				<div class="data_list_title">
					<img src="${pageContext.request.contextPath}/static/images/user_icon.png"/>
					博主信息
				</div>
				<div class="user_image">
					<img src="${pageContext.request.contextPath}/static/userImages/20160202095456.jpg"/>
				</div>
				<div class="nickName">Java1234_小锋</div>
				<div class="userSign">(知识改变命运，技术改变世界)</div>
			</div>
	  	
	  		<div class="data_list">
				<div class="data_list_title">
					<img src="${pageContext.request.contextPath}/static/images/byType_icon.png"/>
					按日志类别
				</div>
				<div class="datas">
					<ul>
						
							<li><span><a href="/index.html?typeId=1">Java核心基础(1)</a></span></li>
						
							<li><span><a href="/index.html?typeId=2">Mysql(1)</a></span></li>
						
							<li><span><a href="/index.html?typeId=3">Tomcat(1)</a></span></li>
						
							<li><span><a href="/index.html?typeId=10">jsoup(1)</a></span></li>
						
							<li><span><a href="/index.html?typeId=7">shiro(1)</a></span></li>
						
							<li><span><a href="/index.html?typeId=9">webservice(2)</a></span></li>
						
							<li><span><a href="/index.html?typeId=4">IT之路(3)</a></span></li>
						
							<li><span><a href="/index.html?typeId=5">随心生活(2)</a></span></li>
						
					</ul>
				</div>
			</div>
	  		
	  		
	  		
			<div class="data_list">
				<div class="data_list_title">
					<img src="${pageContext.request.contextPath}/static/images/byDate_icon.png"/>
					按日志日期
				</div>
				<div class="datas">
					<ul>
						
							<li><span><a href="/index.html?releaseDateStr=2016年02月">2016年02月(11)</a></span></li>
						
							<li><span><a href="/index.html?releaseDateStr=2016年01月">2016年01月(1)</a></span></li>
						
					</ul>
				</div>
			</div>
			
			<div class="data_list">
				<div class="data_list_title">
					<img src="${pageContext.request.contextPath}/static/images/link_icon.png"/>
					友情链接
				</div>
				<div class="datas">
					<ul>
						
							<li><span><a href="http://www.java1234.com/" target="_blank">Java知识分享网</a></span></li>
						
							<li><span><a href="http://pan.java1234.com/" target="_blank">百度云搜索引擎</a></span></li>
						
							<li><span><a href="http://www.easyicon.net/" target="_blank">小图标下载</a></span></li>
						
							<li><span><a href="http://tieba.baidu.com/f?kw=java" target="_blank">Java贴吧</a></span></li>
						
							<li><span><a href="http://www.uugai.com/" target="_blank">免费logo在线制作</a></span></li>
						
					</ul>
				</div>
			</div>
	  		
	  </div>
	</div>

	<div class="row">
		<div class="col-md-12" >
			<div align="center" style="padding-top: 120px" >
				<span style="float: left;">Powered by <a  href="http://blog.java1234.com" target="_blank">Java1234</a> V1.0</span>
				  Copyright © 2012-2016 Java知识分享网 版权所有
			</div>
		</div>
	</div>

	
</div>
</body>
</html>

 

敲代码的乔帮主
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Bootstrap后台管理框架（静态页面）
04-23
漂亮后台管理界面框子，简洁响应式的Bootstrap后台管理系统模板，下载下来可以很快的通过它，搭建起你的后台管理系统的界面
大学生个人网页设计 HTML个人网页制作 web个人网站模板 简单静态HTML个人网页作品
热门推荐
HTML网页设计
07-31 5万+
🧑个人网页设计、🙋‍♂️个人简历制作、👨‍💼简单静态HTML个人网页作品、👨‍🏭个人介绍网站模板 、等网站的设计与制作。⭐个人网页设计网站模板采用DIV CSS布局制作，网页作品有多个页面，如 :个人介绍（文字页面）、我的作品（图片列表）、个人技能（图文页面）、在线留言（表单页面）CSS样式方面网页整体采用左右布局结构，制作了网页背景图片，导航区域每个导航背景色不同，导航背景色与页面背景呼应。🏅 一套A+的网页应该包含 (具体可根据个人要求而定)📔网站布局方面：计划采用目前主流的、能兼容各大...
基于javaweb+mysql的ssm博客管理系统(java+ssm+elementui+vue+layui+mysql)
最新发布
毕业javaweb，一直在线，欢迎私信
03-10 920
管理员主要功能：首页、个人中心、博主管理、文章分类管理、博客文章管理、论坛交流、留言板管理、系统管理；前台主要功能包括：首页、博客文章列表、论坛交流、系统公告、留言反馈、个人中心；
编写一个静态博客网页，使用html
weixin_35755640的博客
12-17 205
要编写一个静态博客网页，使用HTML，首先你需要了解HTML的基本语法。 HTML文档是由HTML标记组成的，这些标记告诉浏览器如何显示内容。 首先，在HTML文件的第一行，你应该包含一个文档类型声明，如下所示： <!DOCTYPE html> 接下来是HTML文档的根元素，它是所有其他HTML元素的父元素。根元素通常是<html>标签。在<html>标签内，...
博客静态网页
chixian9066的博客
03-19 133
1.左侧列表的实现 在左侧插入作者个人信息，图片和文本，用border设置图片边框，用border-radius将图片边角变圆，值越大，边角越圆。具体代码如下： #banner{ background-color:#66F; height:209px; } #zuoz...
博客系统 -- 静态页面
mu_tong_的博客
03-08 3165
本文主要内容 ： 实现一个 博客系统的静态页面 ， 加深 html ， css ，javaScript 的 印象
ssm框架结合jsp最简图书管理web系统
06-27
管理员用户进入系统后，可以查看图书的公开信息，图书具有书名、ISBN号、作者、价格、出版社等属性，管理员可以通过页面上的功能按钮进行导航或图书管理操作，当图书数据过多时，可以通过关键字对图书进行搜索，图书...
JSP-SSM-Bootstrap互联网车展平台设计可升级SpringBoot
11-04
⑴ 两类用户的研究：进入前端页面后，客户可以通过不同标签访问到不同的商品信息，通过不同静态页面了解平台及平台各部分功能。管理员可以对商品进行增加、修改、删除以及分页查看。 ⑵ 功能列表 功能列表主要分为...
CRM11-BOOTSTRAP_SSM.zip
06-22
需求描述 记录客户信息(包括级别信息，多个联系人信息) 记录公司联系客户的反馈信息 记录客户发起的事件 记录客户交易流程信息，...静态模板框架：Beetl 后台UI框架：B-JUI 数据库：MySql 后台服务器：阿里云centos6
JSP-SSM-Bootstrap互联网车展平台设计可升级SpringBoot毕业源码案例设计源代码+数据库
07-29
⑴ 两类用户的研究：进入前端页面后，客户可以通过不同标签访问到不同的商品信息，通过不同静态页面了解平台及平台各部分功能。管理员可以对商品进行增加、修改、删除以及分页查看。 ⑵ 功能列表 功能列表主要分为...
html博客页面设计思路,静态博客首页的实现（小细节）
weixin_39637370的博客
06-03 1055
心若没有栖息的地方，到哪里都是在流浪。这篇文章记录了我写静态博客首页的准备工作、思路布局流程，可不要小看了哦?，蛮多小细节需要注意的呢，如果有什么不对的地方，可以告诉我哈这个静态首页也是对我前两篇文章的实际运用，感兴趣的小伙伴可以跟着我的思路一起敲键盘哦准备工作首先，我们要写一个网页，前期的准备工作必不可少，会采取结构与样式相分离的思想，文件目录格式如下：布局流程CSS属性书写顺序这是扩展的一个知...
北大青鸟Y2-SSM项目
11-30
这个项目包含所使用的技术是SSM主流框架，里面还有Oracle数据库脚本
SSM结合Bootstrap实现博客系统
04-19
此系统使用maven搭建分布式架构，blog-web项目继承blog-parent项目，依赖blog-common项目，其中blog-parent项目专门用来管理版本，blog-common专门用来管理工具类。系统使用Spring,Springmvc及mybatis技术。 资源中包含需要的数据表sql文件
基于Maven+SSM 博客系统开发文档，源码和数据库
09-10
基于Maven+SSM 开发博客系统开发文档，源码和数据库，适合做大作业，课程设计
基于SSM的个人博客系统源代码.zip
05-30
个人博客系统主要用于发表个人博客，记录个人生活日常，学习心得，技术分享等，供他人浏览，查阅，评论等。本系统结构如下： （1）博主端： 登录模块：登入后台管理系统：首先进入登录页面，需要输入账号和密码。它会使用Shiro进行安全管理，对前台输入的密 码进行加密运算，然后与数据库中的进行比较。成功后才能登入后台系统。 博客管理模块： 博客管理功能分为写博客和博客信息管理。写博客是博主用来发表编写博客的，需要博客标题，然后选择博 客类型，最后将博客内容填入百度的富文本编辑器中，点击发布博客按钮即可发布博客。 博客类别管理模块：博主类别管理系统可以添加，修改和删除博客类型名称和排序序号。将会显示到首页的按日志类别区域。 游客可以从这里查找相关的感兴趣的博客内容 评论信息管理模块：评论管理功能分为评论审核和评论信息管理两部分。评论审核是当有游客或自己发表了评论之后，博主需 要在后台管理系统中审核评论。若想将此评论显示在页面上则点击审核通过，否则点击审核不通过。 个人信息管理模块：修改博主的个人信息，可以修改昵称，个性签名，可以添加个人头像，修改个人简介； 系统管理功能模块：友情链接管理，修改密码，刷新系统缓存和安全退出，友情链接管理可以添加，修改，删除友情链接网址 （2）游客端： 查询博客： 查询具体哪一篇博客 查看博客内容： 查看博客内容 查看博主个人信息：查看博主个人简介 发表评论： 可以评论具体某篇博客 友情链接： 查看友情链接
博客系统-静态化页面
weixin_30823001的博客
03-13 188
思路分析：静态化的实现是把数据存入application中，由于初始化时候将查询到的数据放入application中，后来就直接在application中取数据了，不用在查询数据库，从而提高网站性能，以友情链接和博主信息为例 需要将数据在项目启动时候就放入application，创建一个监听器，需要使用applicationAwar接口以获得application， ServletC...
Python + Django4 搭建个人博客（九）：Bootstrap实现博客列表页面
李威威wiwi的博客
08-30 1960
本篇我们在上篇文章列表的模板上进行了一些修改，我们引入了Bootstrap框架的JS和Css静态文件。 在模板上通过模板标签在模板文件中加载了对应的静态文件。 我们还熟悉了django模板继承过程，模板继承的实现步骤如下： 1、在模板子模板（比如：list.html）中使用{% extends "base.html" %}来继承模板base.html的代码。 2、由标签{% block body %}在继承模板的基础上实现自定义模板的内容。 3、由{% endblock %}结束block标签。......
SSM整合进阶项目实战-个人博客系统
08-14
SSM整合进阶项目实战-个人博客系统开发，属于中级课程，适合于具备了一定java基础以及Spring,SpringMVC跟Mybatis核心框架的基础要点。本课程将更深入的基于SSM整合更多的第三方框架并实现一套比较完整的个人博客系统，其中第三方框架包括shiro，lucene，jsoup，poi，druid等等。将更好的提升个人开发企业级应用的能力以及更深入的掌握SSM项目的开发
基于ssm的e-hr管理系统设计与实现
05-13
本文针对ssm框架（Spring + SpringMVC + MyBatis）下的e-hr管理系统进行了设计与实现。 系统采用了B/S（浏览器/服务器）模式，前端采用HTML、CSS、JavaScript等技术，后端采用Spring框架作为控制反转的容器和AOP...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值