【北航軟件工程】Alpha階段前端頁面編寫及服務器部署

前端頁面編寫

雖然以前對html語法有過一些瞭解，可是徹底沒有編寫前端頁面的經驗，和我合做的czy大概也是這麼個狀況。在Alpha階段的前端頁面編寫過程當中，咱們是摸着石頭過河，html是個入門很快專精卻很花時間的語言，咱們從最基本的佈局入手來編寫頁面。除了業務不熟練以外，困擾咱們的還有頁面設計組給咱們的樣板頁面，在咱們的前端頁面編寫中須要儘可能按照設計同窗的設計圖來編寫html代碼，這每每須要豐富的經驗，例以下面這張設計圖：

圖中以「星星」的方式來展現老師和課程的評分，這個星星的組件是不包含在bootstrap裏面的，須要第三方插件來實現，而第三方插件又不利於咱們與後端的對接，這也就給咱們html編寫帶來了挑戰，最後咱們仍是用bootstrap進度條組件來替代星星，下面是咱們的代碼：

<div class="col-md-10 column">
    <p><strong>評分詳情：</strong></p>
    <ul></ul>
    <ul>
        做業量合理
        <div class="progress">
            <div class="progress-bar progress-bar-success" 
                 role="progressbar" style="width:{{percent1}}"
                 aria-valuenow="{{detail1}}" aria-valuemin="0" 
                 aria-valuemax="5">{{detail1}}</div>
        </div>
    </ul>
    <ul>
        難易度合理
        <div class="progress">
            <div class="progress-bar progress-bar-success" 
                 role="progressbar" style="width:{{percent2}}"
                 aria-valuenow={{detail2}}" aria-valuemin="0" 
                 aria-valuemax="5">{{detail2}}</div>
        </div>
    </ul>
    <ul>
        收穫量
        <div class="progress">
            <div class="progress-bar progress-bar-warning"
                role="progressbar" style="width:{{percent3}}"
                aria-valuenow="{{detail3}}" aria-valuemin="0" 
                aria-valuemax="5">{{detail3}}</div>
        </div>
    </ul>
    <ul>
        滿意度
        <div class="progress">
            <div class="progress-bar progress-bar-warning"
                role="progressbar" style="width:{{percent4}}"
                aria-valuenow="{{detail4}}" aria-valuemin="0" 
                aria-valuemax="5">{{detail4}}</div>
        </div>
    </ul>
    <ul></ul>
</div>

Alpha階段的諸如此類的前端挑戰也讓我體會到了團隊編程和我的編程不同的地方，團隊成員之間的交流合做相當重要。若是咱們前端代碼編寫組能和前端設計組緊密交流，瞭解雙方難題和需求，這對咱們的團隊進度將很有好處。

服務器部署

若是說前端代碼編寫你們還算有點了解的話，服務器部署方面的知識徹底是一張白紙。因爲華爲雲服務器的自動部署沒有適合django的方案，所以我很感謝cnblog和csdn裏面的程序猿們分享了django+nginx+uwsgi服務器手動部署的方法。因爲本身長期接觸linux環境，除了一次誤刪mysql文件麻煩助教重置服務器外，整個配置進程仍是很順利的。

轉載一波配置方法：部署Django到阿里雲服務器教程