/static

社团网站中的静态界面,包括主页,项目展示,社团介绍

Primary LanguageHTMLMIT LicenseMIT

南开大学亿灵官方网站HomePage

CircleCI

前言

此版本为使用honeycomb重构的版本,新的官网代码依赖于honeycomb体系构建,使得每一个模块都独立开来,减少每一个模块的代码量,使得新的开发者进入的时候,不用阅读过多的代码,或者接触之前的代码,从而达到快速入门,提升项目整体代码质量的效果。

为什么要使用honeycomb来构建,引入剪老板的话来说就是:

我们不能控制写出来屎的代码,但是我们能控制屎的大小。

Quick Start

Linux/Mac

  • 环境依赖
    • nodejs
    • honeycomb-cli
      $ npm install honeycomb-cli -g
      
  • 安装项目依赖包
    $ npm install
  • 启动
    $ honeycomb start
  • 打包
    honeycomb pack
    

Windows

  • 环境依赖
    • nodejs
    • honeycomb-cli
    • git-bash
    • yarn
    • 可参考链接
  • 注意:
    • 安装好yarn建议先使用
    $ yarn cache clean
    

windows下yarn的使用

为了加速打包,我们不使用原生的npm,而使用第三方提供yarn

step1: yarn设置淘宝镜像

    $ yarn config set registry https://registry.npm.taobao.org

step2: 打包

将Makefile中的cnpm 或 npm 替换为 yarn

    $ honeycomb pack

整体规划

使用honeycomb体系进行开发,进行多模块多阶段的开发,下面是对整个社团网站的模块规划。

                                     
                           社团网站                                                                          
                              |                                                                          
                              |                                                                          
            |----------------------------------------------|                                             
            |                                              |                                             
            |                                              |                                             
         静态界面                                          非静态界面                                             
            |                                              |                                             
            |                                              |                                             
  |---------|---------|                    |-----------------------------|                               
  |         |         |                    |                             |                               
  |         |         |                    |                             |                               
 首页      项目展示      社团介绍            活动界面                      常用界面                               
                                           -                             -                               
                                |----------+-----------|       |---------+---------|                     
                                |                      |       |                   |                     
                               报名                    团建     文章                管理                     
                                                                                

从项目的名字[static],你就可以知道,这个项目主要负责首页,项目展示等静态界面的内容。

工作规划

  • 第一期静态界面
  • 常用界面-文章
  • 常用界面-用户登录注册