实践新闻发布系统

全栈程序员站长

发布于 2022-08-09 21:04:57

1.5K0

发布于 2022-08-09 21:04:57

文章被收录于专栏：全栈程序员必看

大家好，又见面了，我是你们的朋友全栈君。

客户端的小程序我们已经做了几个，比如学生信息管理系统、机房收费系统，然而网页上显示的程序还是第一次接触。我们每天都要浏览很多网页，今天终于能亲自学习网页如何设计的。

牛腩新闻发布系统，大概分为四个阶段：需求分析，数据库、后台设计，前台设计，前台和后台的整合。

需求分析

首先分析新闻发布系统可以实现的功能，画出用例图，生成文档。牛腩老师也并不完全是按照软件工程的七个步骤来做的，需求分析后开始了详细设计，也就同时在进行代码实现的过程。

数据库、后台设计

数据库、后台设计我们并不陌生，跟我们机房重构的思路一样。首先根据功能设计出数据库（主外键很重要，当时自己在重构的时候并没有注意到这一点，学的很粗糙），接着就是后台的设计。整个新闻发布系统还是采用三层的思路，后台的设计，主要体现在D层的设计上，通过与数据库的连接、调用抽象出SQLHelper，以及各个类中具体调用SQLHelper、连接数据库来实现后台对数据的增删改查。

前台设计

前台设计，也就是界面的设计。我们每次浏览网页，界面看起来都很舒服，这都是经过开发人员的设计、美化过程，才展现到我们眼前的。有专业的界面设计人员，普通的编程人员也可以设计简单的界面。

在新闻发布系统中，主要是通过 .aspx 文件来设计前台界面，它是Web窗体中的一部分。在这个阶段，我们会学到很多新的东西，首先要了解CSS样式表，JavaScript文件，模板窗体等好多内容。从这个时候开始感到Web页面如此神奇，基本上都能实现自己想要的效果。

前台、后台整合

到现在为止，前台和后台还是孤立存在的，我们需要通过整合，实现新闻发布系统的所有功能。整合的大概思想跟我们以前的CS项目很相似，前台就相当于三层中的U层，为了实现相应的功能，进行传值、显示信息，在B层判断处理，D层也就是后台负责数据的处理。

在这个阶段也会有很多的收获，看似一个很难的功能，牛腩老师通过几行简单的代码就实现了。有时候有些地方并不复杂，是自己把它想得太难了。

牛腩新闻发布系统是我们BS学习的开始，在这个系统中关于BS开发的知识涉及的很全面，接下来会通过HTML、Asp.net详细学习。

月末了，又开始刷评论，以前听说过改几行代码，就OK了，那时候自己还太年轻，仅仅是听一听，现在自己也学了网页设计程序的皮毛，刚刚查看了一下网页的源码，原来自己的评论在代码中是这样存在的，不过并没有修改评论量。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

     <script type="text/javascript">
         var protocol = window.location.protocol;
         document.write('<script type="text/javascript" src="' + protocol + '//csdnimg.cn/pubfooter/js/repoAddr2.js?v=' + Math.random() + '"></' + 'script>');
    </script>

<title>评论管理 - 博客频道 - CSDN.NET</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="Stylesheet" href="http://c.csdnimg.cn/pig/blog/write/css/main.css" />
    <!--new top-->
        <link rel="stylesheet" href="http://static.csdn.net/public/common/toolbar/css/index.css">
     <!--new top-->   

    <script type="text/javascript" src="http://static.blog.csdn.net/scripts/jquery.js"></script>
<script type="text/javascript" src="http://static.blog.csdn.net/scripts/csdn.js"></script>
<script type="text/javascript" src="http://c.csdnimg.cn/pig/blog/write/scripts/master.js"></script>
        <script type="text/javascript">var statichost = "http://static.blog.csdn.net";</script>
       

        <script type='text/javascript' src='http://c.csdnimg.cn/pig/blog/write/scripts/feedback.js?v=1'></script>
</head>

<body>
     <!--new top-->
    <script id="toolbar-tpl-scriptId" fixed="true" prod="blog" skin="black" domain = "http://blog.csdn.net" src="http://static.csdn.net/public/common/toolbar/js/html.js" type="text/javascript"></script>
     <!--new top-->
    <div id="wrap">

        <div class="head">

            <div class="user_info">
                <dl>
                    <dt><a href="http://my.csdn.net/"><img src="http://avatar.csdn.net/6/6/6/3_yiwangxiblog.jpg" alt="yiwangxiblog" /></a></dt>
                    <dd>
                        <ul>
                            <li class="user_name"><a href="http://my.csdn.net/" class="user_name">yiwangxiblog</a><span>李晓洁 廊坊师范学院信息技术提高班 十二期</span></li>
                            <li class="feed_link"><a href="http://my.csdn.net/">个人主页</a>|<a href="http://blog.csdn.net/yiwangxiblog">我的博客</a></li>
                        </ul>
                    </dd>
                </dl>
            </div>

            <div style="float:right; margin-top:20px; color:Red;">
                
            </div>
        </div>

        <div class="tabs_header">
            <ul id="ul_tab" class="tabs"  style="width:120%">
                <li id="tab_postedit" style="display:none;"><a href="/postedit"><span>发表文章</span></a></li>
                <li id="tab_import" style="display:none;"><a href="/import"><span>博客搬家</span></a></li>
                <li><a href="/postlist"><span>文章管理</span></a></li>
                <li><a href="/category"><span>类别管理</span></a></li>
                <li><a href="/feedback"><span>评论管理</span></a></li>
                <li><a href="/configure"><span>博客配置</span></a></li>
                <li><a href="/configure/column"><span>博客栏目</span></a></li>
                <li><a href="/postlist/0/all/draft"><span>草稿箱</span></a></li>
                <li><a href="/postlist/0/all/deleted"><span>回收站</span></a></li>

                <li id="btn_postedit" class="write"><a href="/postedit" class="t_button">写新文章</a></li>
                <li id="btn_import" class="write"  style="margin:5px 0 0 2px"><a href="/import" class="t_button">博客搬家</a></li>
            </ul>
        </div>
        <script type="text/javascript">setTab();</script>

        
<div class="h_status">
<a href="/feedback/in">我文章的评论</a><span class="pipe">|</span><a href="/feedback/out">我发表的评论</a>
</div>
<script type="text/javascript">setSubTab();</script>
<table id="lstBox" cellspacing="0">
<thead>
<tr><th class="tdleft" style="width:426px;">标题</th><th style="width:140px;">作者</th><th style="width:140px;">时间</th><th style="width:100px;">操作</th></tr>
</thead>
<tbody>
<tr class='altitem'><td class='tdleft'>RE: <a href='http://blog.csdn.net/sun15732621550/article/details/50444398#comments' target=_blank>远程控制问题集锦（你的凭据不工作，之前用于连接到（服务器IP）的凭据无法工作，请输入新的凭据）</a></td><td><a href='http://blog.csdn.net/yiwangxiblog' class='user_name' target=_blank>yiwangxiblog</a></td><td>2016-01-19 16:14</td><td><a class='del' href='?del=5847155'>删除</a></td></tr><tr><td colspan=4><div class='recon'>有问题就会有解决办法，现在远程还卡吗</div></td></tr>
<tr class='altitem'><td class='tdleft'>RE: <a href='http://blog.csdn.net/kisscatforever/article/details/50444374#comments' target=_blank>【BS】Windwos server 2008 服务器安装 IIS</a></td><td><a href='http://blog.csdn.net/yiwangxiblog' class='user_name' target=_blank>yiwangxiblog</a></td><td>2016-01-19 16:11</td><td><a class='del' href='?del=5847149'>删除</a></td></tr><tr><td colspan=4><div class='recon'>接触的东西多，学到的也就更多</div></td></tr>
<tr class='altitem'><td class='tdleft'>RE: <a href='http://blog.csdn.net/tr1912/article/details/50489194#comments' target=_blank>机房重构——初出茅庐，总有险阻</a></td><td><a href='http://blog.csdn.net/yiwangxiblog' class='user_name' target=_blank>yiwangxiblog</a></td><td>2016-01-19 16:09</td><td><a class='del' href='?del=5847145'>删除</a></td></tr><tr><td colspan=4><div class='recon'>数据库的设计加入了自己的理解，下面自己也遇到的”最后一个窗体关闭的问题“总算是明白了</div></td></tr>
<tr class='altitem'><td class='tdleft'>RE: <a href='http://blog.csdn.net/dsj15831653282/article/details/50428799#comments' target=_blank>简单三层登录</a></td><td><a href='http://blog.csdn.net/yiwangxiblog' class='user_name' target=_blank>yiwangxiblog</a></td><td>2016-01-19 15:59</td><td><a class='del' href='?del=5847112'>删除</a></td></tr><tr><td colspan=4><div class='recon'>通过自己的总结，对代码的理解会更深刻</div></td></tr>
<tr class='altitem'><td class='tdleft'>RE: <a href='http://blog.csdn.net/nangeali/article/details/50532847#comments' target=_blank>三层架构概述</a></td><td><a href='http://blog.csdn.net/yiwangxiblog' class='user_name' target=_blank>yiwangxiblog</a></td><td>2016-01-19 15:45</td><td><a class='del' href='?del=5847084'>删除</a></td></tr><tr><td colspan=4><div class='recon'>三层架构大大的降低了耦合</div></td></tr>

</tbody>
</table>

<div class="page_nav"><span> 547条数据  共28页</span><strong>1</strong> <a href="/feedback/out/2">2</a> <a href="/feedback/out/3">3</a> <a href="/feedback/out/4">4</a> <a href="/feedback/out/5">5</a> <a href="/feedback/out/6">...</a> <a href="/feedback/out/2">下一页</a> <a href="/feedback/out/28">尾页</a> </div>

<p class="note" style="width:600px;">提示：前台文章评论有几分钟缓存，删除之后不会立即生效。（你可以在前台直接操作评论）</p>

    </div>

   
    <script type="text/javascript" src="http://c.csdnimg.cn/rabbit/cnick/cnick.js"></script>

    <script type="text/javascript">
        document.write('<script type="text/javascript" src="http://c.csdnimg.cn/pubfooter/js/publib_footer.js?' + Math.floor(new Date() / 120000).toString(36) + '="></' + 'script>');
    </script>

    <script type="text/javascript">document.write("<img src=http://counter.csdn.net/pv.aspx?id=342 border=0 width=0 height=0>");</script>
    <script type="text/javascript" src="http://www.csdn.net/ui/scripts/Csdn/counter.js"></script>
     <!--new top-->
    
    <script id="csdn-toolbar-id"  btnId="header_notice_num" wrapId="note1" count="5" subCount="5" type="text/javascript" src="http://static.csdn.net/public/common/toolbar/js/toolbar.js"></script>
     <!--new top-->

   
  

</body>
</html>

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/105757.html原文链接：https://javaforall.cn

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022年4月2，如有侵权请联系 cloudcommunity@tencent.com 删除

数据库