JSB页面登录验证与新闻展示-优快云博客

本文链接：https://blog.youkuaiyun.com/zhangzhiming01/article/details/38342731

该JSB页面实现了基本的登录验证功能，并通过Java后端技术展示不同类别的新闻列表。页面还包含了简单的前端交互，如输入框提示及错误反馈。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里发表的主要是一个基础的jsb页面,希望对大家有用

<html>

//登陆验证

//得到登录名

<%
       String loginName=(String)session.getAttribute("NAME");
   %>
   <% if(loginName==null) {%>
   <form action="do_login.jsp" method="post" onsubmit="return ck()">
       登录名：<input type="text" id="uname" name="uname" value=""
           class="login_input" /> 密码： <input type="password" id="upwd"
           name="upwd" value="" class="login_input" /> <input type="submit"
           class="login_sub" value="登录" />
   </form>

<%}else if(loginName.equals("admin")){ %>

//登陆的两种状态

<div>
       欢迎您：<%=loginName %><a href="Newshi1.jsp">管理控制台</a> <a href="loginout.jsp">退出</a>
   </div>
   <% }else{ %>
   <div>
       欢迎您：<%=loginName %> <a href="loginout.jsp">退出</a>
   </div>
   <%} %>
    <label id="error"> </label>
    <img src="Images/friend_logo.gif" alt="Google" id="friend_logo" /> </div>
<div id="nav">
    <div id="logo"> <img src="Images/logo.jpg" alt="新闻中国" /> </div>
    <div id="a_b01"> <img src="Images/a_b01.gif" alt="" /> </div>
    
</div>
</div>
<div id="container">
<div class="sidebar">
    <h1> <img src="Images/title_1.gif" alt="国内新闻" /> </h1>
    <div class="side_list">
    <jsp:useBean id="nc" class="com.msit.biz.NewsControl"/>
    <% List<News> new3=nc.getNewsByNew(2);
             for(int i=0;i<new3.size();i++){
      %>

<ul>

//从数据库里得到标题数据

//从建好的类中取数据，循环输出

    <% List<News> new1=nc.getNewsByNew(1);
             for(int i=0;i<new1.size();i++){
      %>
      <ul>
        <li> <a href='#'><b> <%=new1.get(i).getNtitle() %> </b></a> </li>
      </ul>
      <% } %>
    </div>
    <h1> <img src="Images/title_3.gif" alt="娱乐新闻" /> </h1>
    <div class="side_list">
    <% List<News> new2=nc.getNewsByNew(5);
             for(int i=0;i<new2.size();i++){
      %>
      <ul>
        <li> <a href='#'><b> <%=new2.get(i).getNtitle() %> </b></a> </li>
      </ul>
      <% } %>
    </div>
</div>
<div class="main">
    <div class="class_type"> <img src="Images/class_type.gif" alt="新闻中心" /> </div>
    <div class="content">

//调用useBean 取出类中数据

      <jsp:useBean id="nb" class="com.msit.biz.TopicControl"/>
      <li id='class_month'>
       <% List<Topic> topic=nb.getNewsTopic(0,11);
             for(int i=0;i<topic.size();i++){
      %>
        <a href='#'><b> <%=topic.get(i).getTname() %> </b></a> <% } %>
        </li>
         <li id='class_month'>
        <% List<Topic> topic1=nb.getNewsTopic(11,22);
             for(int i=0;i<topic1.size();i++){
      %>
        <a href='#'><b> <%=topic1.get(i).getTname() %> </b></a> <% } %>
        </li>
      </ul>

      <ul class="classlist">
      <% List<News> news=nc.selectNews();
             for(int i=0;i<news.size();i++){
      %>
      <%if(i!=0&&i%5==0){ %>
        <li class='space'></li>
        <%} %>
        <li><a href='Newshi2.jsp?nid=<%=news.get(i).getNid()%>&nauthor=<%=loginName%>'>
        <%=news.get(i).getNtitle() %></a>
        <span> <%=news.get(i).getNcreatedate() %></span></li>
       <% } %>
        <p align="right"> 当前页数:[1/2]  <a href="#">下一页</a> <a href="#">末页</a> </p>
      </ul>
    </div>
    <div class="picnews">
      <ul>
        <li> <a href="#"><img src="Images/Picture1.jpg" width="249" alt="" /> </a><a href="#">幻想中穿越时空</a> </li>
        <li> <a href="#"><img src="Images/Picture2.jpg" width="249" alt="" /> </a><a href="#">国庆多变的发型</a> </li>
        <li> <a href="#"><img src="Images/Picture3.jpg" width="249" alt="" /> </a><a href="#">新技术照亮都市</a> </li>
        <li> <a href="#"><img src="Images/Picture4.jpg" width="249" alt="" /> </a><a href="#">群星闪耀红地毯</a> </li>
      </ul>
    </div>
</div>
</div>
<div id="friend">
<h1 class="friend_t"> <img src="Images/friend_ico.gif" alt="合作伙伴" /> </h1>
<div class="friend_list">
    <ul>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
      <li> <a href="#">中国政府网</a> </li>
    </ul>
</div>
</div>
<div id="footer">
<p class=""> 24小时客户服务热线：010-68988888      <a href="#">常见问题解答</a>      新闻热线：010-627488888 <br />
    文明办网文明上网举报电话：010-627488888      举报邮箱： <a href="#">jubao@jb-aptech.com.cn</a> </p>
<p class="copyright"> Copyright © 1999-2009 News China gov, All Right Reserver <br />
    新闻中国版权所有 </p>
</div>
</body>
</html>

JSP基础