Blog system-building the blog homepage and building the blog homepage
1. Idea: The bootStrap raster layout is fully used when building the blog homepage. There are three lines in total.
1.1: The first line contains the blog icon on the left and the weather forecast on the right.
1.2: the middle line is the main content, 10 blog messages are placed on the left, and the bloggers, logs, and links are displayed on the right.
1.3: the bottom line is the row with the copyright information
The following code is used:
<% @ 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> master homepage </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">
</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-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> homepage </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> about bloggers </strong> </font> </a> </li>
<Li> <a href = "#"> <font color = "black"> <strong> download source code from this site </strong> </font> </a> </li>
</Ul>
<Form class = "navbar-form navbar-right" role = "search">
<Div class = "form-group">
<Input type = "text" class = "form-control" placeholder = "Enter the keyword to be queried...">
</Div>
<Button type = "submit" class = "btn-default"> Search </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">
Latest blog </div>
<Div class = "datas">
<Ul>
<Li style = "margin-bottom: 30px">
<Span class = "date"> <a href = "$ {pageContext. request. contextPath}/blog/articles/52.html"> February 15, 2016 </a> </span>
<Span class = "title"> <a href = "$ {pageContext. request. contextPath}/blog/articles/52.html "> Use CXF to develop a WebService client </a> </span>
<Span class = "summary"> Abstract: in the previous section, we developed the webservice server interface. Today, we will develop the webservice client to let everyone experience the next process; first, create a Maven project named WS_Client. Then, use the tool wsdl2java provided by CXF to generate client code based on the request url. The wsdl2java tool is in the CXF development package; development download location... </span>
<Span class = "img">
<A href = "/blog/articles/52.html"> </a>
& Nbsp;
<A href = "/blog/articles/52.html"> </a>
& Nbsp;
<A href = "/blog/articles/52.html"> </a>
& Nbsp;
</Span>
<Span class = "info"> posted on reading (71) Comments (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"> February 15, 2016 </a> </span>
<Span class = "title"> <a href = "$ {pageContext. request. contextPath}/blog/articles/52.html "> Use CXF to develop a WebService client </a> </span>
<Span class = "summary"> Abstract: in the previous section, we developed the webservice server interface. Today, we will develop the webservice client to let everyone experience the next process; first, create a Maven project named WS_Client. Then, use the tool wsdl2java provided by CXF to generate client code based on the request url. The wsdl2java tool is in the CXF development package; development download location... </span>
<Span class = "img">
<A href = "/blog/articles/52.html"> </a>
& Nbsp;
<A href = "/blog/articles/52.html"> </a>
& Nbsp;
<A href = "/blog/articles/52.html"> </a>
& Nbsp;
</Span>
<Span class = "info"> posted on reading (71) Comments (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"> February 15, 2016 </a> </span>
<Span class = "title"> <a href = "$ {pageContext. request. contextPath}/blog/articles/52.html "> Use CXF to develop a WebService client </a> </span>
<Span class = "summary"> Abstract: in the previous section, we developed the webservice server interface. Today, we will develop the webservice client to let everyone experience the next process; first, create a Maven project named WS_Client. Then, use the tool wsdl2java provided by CXF to generate client code based on the request url. The wsdl2java tool is in the CXF development package; development download location... </span>
<Span class = "img">
<A href = "/blog/articles/52.html"> </a>
& Nbsp;
<A href = "/blog/articles/52.html"> </a>
& Nbsp;
<A href = "/blog/articles/52.html"> </a>
& Nbsp;
</Span>
<Span class = "info"> posted on reading (71) Comments (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">
Blogger Information
</Div>
<Div class = "user_image">
</Div>
<Div class = "nickName"> Java1234 _ Xiao Feng </div>
<Div class = "userSign"> (knowledge changes fate and technology changes the world) </div>
</Div>
<Div class = "data_list">
<Div class = "data_list_title">
By Log Type
</Div>
<Div class = "datas">
<Ul>
<Li> <span> <a href = "/index.html? TypeId = 1 "> Java core BASICS (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 path (3) </a> </span> </li>
<Li> <span> <a href = "/index.html? TypeId = 5 "> casual life (2) </a> </span> </li>
</Ul>
</Div>
</Div>
<Div class = "data_list">
<Div class = "data_list_title">
By Log date
</Div>
<Div class = "datas">
<Ul>
<Li> <span> <a href = "/index.html? ReleaseDateStr = February 2016 "> February 2016 (11) </a> </span> </li>
<Li> <span> <a href = "/index.html? ReleaseDateStr = January 2016 "> January 2016 (1) </a> </span> </li>
</Ul>
</Div>
</Div>
<Div class = "data_list">
<Div class = "data_list_title">
Links
</Div>
<Div class = "datas">
<Ul>
<Li> <span> <a href = "http://www.java1234.com/" target = "_ blank"> Java Knowledge Sharing Network </a> </span> </li>
<Li> <span> <a href = "http://pan.java1234.com/" target = "_ blank"> Baidu search engine </a> </span> </li>
<Li> <span> <a href = "http://www.easyicon.net/" target = "_ blank"> small icon download </a> </span> </li>
<Li> <span> <a href = "http://tieba.baidu.com/f? Kw = java "target =" _ blank "> Java Post Bar </a> </span> </li>
<Li> <span> <a href = "http://www.uugai.com/" target = "_ blank"> free online logo production </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 Knowledge Sharing All Rights Reserved
</Div>
</Div>
</Div>
</Div>
</Body>
</Html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
