2018-06-22

開發(fā)階段智能大棚管理系統(tǒng)網(wǎng)站總結

一、開發(fā)工程師的具體職責

智能大棚管理系統(tǒng)網(wǎng)站的系統(tǒng)設計和制作

二耘成、該網(wǎng)站的開發(fā)使用了哪些技術瘪菌,分別有什么用

1、HTML的基本語法

作用:

  • HTML(Hyper Text Mark-up Language 超文本標記語言)的縮寫诵肛,標記:就是用來描述網(wǎng)頁內容的一些特定符號默穴。
  • HTML不是編程語言,而是一種描述性的標記語言珠洗,用于描述網(wǎng)頁中內容的顯示方式,比如文字以什么顏色蝴猪、什么大小來顯示膊爪,這些都是利用HTML標記來實現(xiàn)的。
  • HTML文檔的創(chuàng)建方式:用HTML語言創(chuàng)建的文檔手工直接編寫(例如記事本)
    通過圖形化的HTML開發(fā)軟件自動生成代碼沛豌,如VS2012, Dreamweaver
    由Web服務器上的動態(tài)網(wǎng)頁程序生成

2加派、CSS層疊樣式表

作用:

  • CSS可以改變HTML的基本特性跳芳, CSS不僅允許你指定單個網(wǎng)頁的外觀飞盆,還可以被用來為網(wǎng)站提供一致的界面。
  • CSS樣式也可以以<style>標簽的形式寫在網(wǎng)頁文件的<head>標簽中孽水,或是直接將CSS語句書寫在某個元素標簽的屬性部分城看。

3析命、ASP.NET技術

作用:

  • ASP.Net是一種動態(tài)網(wǎng)頁技術,在服務器端運行.Net代碼簇搅,動態(tài)生成HTML软吐。
  • 很多工作無法在瀏覽器端完成,比如存儲數(shù)據(jù)姿现、訪問數(shù)據(jù)庫备典、復雜的業(yè)務邏輯運算、安全性要求高的邏輯運算等吮蛹。
  • 服務端控件和HTML控件的生成關系:?在aspx頁面中可以使用服務端控件潮针,簡化開發(fā)倚喂。但瀏覽器只認html,因此在包含服務端控件的頁面被請求時,頁面中的服務器端控件會組裝成對應的HTML控件代碼字符串焦读,如:TextBox→<input type=“text”/>。
  • 服務器控件不是新的控件刚照,在瀏覽器端仍然是生成html標簽无畔。服務端控件雖然好用,但是也有缺點恭理,并不是什么地方用服務器端控件都好

三颜价、網(wǎng)站的開發(fā)過程

1诉濒、在GitHub上尋找滿意的項目,基于自己的需求修改(找到一個開源的項目)
【項目地址】: https://github.com/nauvalazhar/my-login

開源登錄界面.png

2、根據(jù)HTML的基本語法寨腔、CSS層疊樣式表、ASP.NET技術對開源項目進行修改

  • 將開源的項目的代碼拷出來倚搬,再打開visual studio 2012軟件中用HTML的基本語法進行修改


    image.png

源代碼

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="Content/my-login.css" rel="stylesheet" />
    <link href="Content/bootstrap.css" rel="stylesheet" />
</head>
<body class="my-login-page">
    <section class="h-100">
        <div class="container h-100">
            <div class="row justify-content-md-center h-100">
                <div class="card-wrapper">
                    <div class="brand">
                        <img src="Images/logo.png" />
                    </div>
                    <div class="card fat">
                        <div class="card-body">
                            <h4 class="card-title">登錄</h4>
                            <form method="POST">

                                <div class="form-group">
                                    <label for="email">郵件地址</label>

                                    <input id="email" type="email" class="form-control" name="email" value="" required autofocus>
                                </div>

                                <div class="form-group">
                                    <label for="password">
                                        密碼
                                    </label>
                                    <input id="password" type="password" class="form-control" name="password" required data-eye>
                                </div>

                                <div class="form-group">
                                    <label>
                                        <input type="checkbox" name="remember"> 記住我
                                        <a href="forgot.html" class="float-right">
                                            忘記密碼?
                                        </a>
                                    </label>
                                </div>

                                <div class="form-group no-margin">
                                    <!--<button type="submit" class="btn btn-primary btn-block">
                                        登錄
                                    </button>-->
                                    <input type="submit" class="btn btn-primary btn-block" value="登錄" /> 
                                </div>
                                <div class="margin-top20 text-center">
                                    沒有賬戶? <a href="register.html">注冊</a>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="footer">
                        Copyright &copy; 2018 &mdash; CQCET-IOT
                    </div>
                </div>
            </div>
        </div>
    </section>
</body>
</html>
  • 使用Chrome瀏覽器幻捏,在線修改頁面布局
    原登錄界面


    image.png

    經(jīng)過CSS美化

源代碼

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>登錄</title>
    <link href="Content/my-login.css" rel="stylesheet" />
    <link href="Content/bootstrap.css" rel="stylesheet" />
</head>
<body class="my-login-page">
    <form id="form1" runat="server">
        <section class="h-100">
            <div class="container h-100">
                <div class="row justify-content-md-center h-100">
                    <div class="card-wrapper">
                        <div class="brand">
                            <img src="Images/logo.png" />
                        </div>
                        <div class="card fat">
                            <div class="card-body">
                                <h4 class="card-title">登錄</h4>
                                <div class="form-group">
                                    <label for="email">郵件地址</label>
                                    <input id="email" type="email" class="form-control" name="email" value="" required autofocus runat="server"/>
                                </div>

                                <div class="form-group">
                                    <label for="password">
                                        密碼
                                    </label>
                                    <input id="password" type="password" class="form-control" name="password" required data-eye runat="server"/>
                                </div>

                                <div class="form-group">
                                    <label>
                                        <input type="checkbox" name="remember" />
                                        記住我
                                        <a href="forgot.aspx" class="float-right">忘記密碼?
                                        </a>
                                    </label>
                                </div>

                                <div class="form-group no-margin">
                                    <asp:Button ID="bt_Login" runat="server" Text="登錄" CssClass="btn btn-primary btn-block" OnClick="bt_Login_Click"/>
                                </div>
                                <div class="margin-top20 text-center">
                                    沒有賬戶? <a href="register.aspx">注冊</a>
                                </div>
                            </div>
                        </div>
                        <div class="footer">
                            Copyright &copy; 2018 &mdash; CQCET-IOT
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </form>
</body>
</html>
image.png
  • 使用ASP.Net動態(tài)網(wǎng)頁技術榛臼,在服務器端運行.Net代碼,動態(tài)生成HTML航揉。


    流程.png
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末帅涂,一起剝皮案震驚了整個濱河市尤蛮,隨后出現(xiàn)的幾起案子产捞,更是在濱河造成了極大的恐慌,老刑警劉巖焊唬,帶你破解...
    沈念sama閱讀 222,627評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件求晶,死亡現(xiàn)場離奇詭異衷笋,居然都是意外死亡矩屁,警方通過查閱死者的電腦和手機吝秕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評論 3 399
  • 文/潘曉璐 我一進店門空幻,熙熙樓的掌柜王于貴愁眉苦臉地迎上來秕铛,“玉大人,你說我怎么就攤上這事鬓梅〗飨妫” “怎么了紧阔?”我有些...
    開封第一講書人閱讀 169,346評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長活孩。 經(jīng)常有香客問我憾儒,道長这敬,這世上最難降的妖魔是什么蕉朵? 我笑而不...
    開封第一講書人閱讀 60,097評論 1 300
  • 正文 為了忘掉前任始衅,我火速辦了婚禮汛闸,結果婚禮上,老公的妹妹穿的比我還像新娘诸老。我一直安慰自己,他們只是感情好蹄衷,可當我...
    茶點故事閱讀 69,100評論 6 398
  • 文/花漫 我一把揭開白布愧口。 她就那樣靜靜地躺著耍属,像睡著了一般。 火紅的嫁衣襯著肌膚如雪示启。 梳的紋絲不亂的頭發(fā)上溯捆,一...
    開封第一講書人閱讀 52,696評論 1 312
  • 那天提揍,我揣著相機與錄音,去河邊找鬼谎仲。 笑死刨仑,一個胖子當著我的面吹牛,可吹牛的內容都是我干的辙诞。 我是一名探鬼主播轻抱,決...
    沈念sama閱讀 41,165評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼祈搜,長吁一口氣:“原來是場噩夢啊……” “哼容燕!你這毒婦竟也來了?” 一聲冷哼從身側響起官卡,我...
    開封第一講書人閱讀 40,108評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎寻咒,沒想到半個月后评甜,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,646評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡仔涩,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,709評論 3 342
  • 正文 我和宋清朗相戀三年忍坷,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片熔脂。...
    茶點故事閱讀 40,861評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡佩研,死狀恐怖,靈堂內的尸體忽然破棺而出霞揉,到底是詐尸還是另有隱情旬薯,我是刑警寧澤,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布绊序,位于F島的核電站,受9級特大地震影響秽荞,放射性物質發(fā)生泄漏哩陕。R本人自食惡果不足惜灵份,卻給世界環(huán)境...
    茶點故事閱讀 42,196評論 3 336
  • 文/蒙蒙 一桂对、第九天 我趴在偏房一處隱蔽的房頂上張望拓春。 院中可真熱鬧,春花似錦钦听、人聲如沸洒试。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽垒棋。三九已至,卻和暖如春痪宰,著一層夾襖步出監(jiān)牢的瞬間叼架,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評論 1 274
  • 我被黑心中介騙來泰國打工酵镜, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留碉碉,地道東北人柴钻。 一個月前我還...
    沈念sama閱讀 49,287評論 3 379
  • 正文 我出身青樓淮韭,卻偏偏與公主長得像,于是被迫代替她去往敵國和親贴届。 傳聞我的和親對象是個殘疾皇子靠粪,可洞房花燭夜當晚...
    茶點故事閱讀 45,860評論 2 361

推薦閱讀更多精彩內容