极客学院大前端毕业设计

  Front end Engineer Graduation design

      详细设计说明书

项目名称  <移动端业务管理系统>

班  级  <Web大前端工程师就业班七期02班>

姓  名  <周帅>

版  本  <V1.0>

二〇一六年五月五日

版本修订记录

版本	日期	描 述	作者	审核
v1.0	206-05-05	业务管理，提高线下业务能力，节约时间和人力，提高工作效率	周帅

1.编写目的

1.1.选这个项目课题原因：对这块业务比较清楚。
1.2.通过编写这个项目加深和巩固已掌握知识，将大前端知识体系融合起来，并应用到项目中。
1.3.完成毕业设计。

2.项目概况

2.1.提高公司业务水平
2.2.节约人力和财力以及时间。短时间内完成业务，提高业务完成量。
2.3.更好管理和控制业务的质量

3.系统技术选型

3.1.NodeJS+Php(CI)+MySql+AngularJS+Sass+Zepto+AJAX
3.2.REST API
3.3.Gulp

4.系统简要架构和核心功能点

4.1.MVC模式,业务流程功能，管理员功能。
4.2.业务推送
4.3.程序组织的层次结构关系如下表：

文件夹名	子文件夹名	文件夹作用	功能说明
com_party	helpers	帮助函数	提供公用函数-工具
com_party	libraries	公共类	公共对象
com_party	models	数据模型	数据库操作和业务逻辑处理
framework	CodeIgniter	CI系统框架	提供数据库操作。路由。模型控制器视图等基础封装
app	application	项目目录	controllers，config，view，core
app	assets	js/libs/css/images/font/iconfonts/	JS压缩文件，css压缩文件，图片
app	src	js/sass/images/font/iconfonts/	js、sass源文件
app	data	数据文件	json数据、验证码文件
app	index.php	入口文件	初始化
app	.htaccess	伪静态	rewrite规则

5.全局变量

5.1 AngularJS+Zepto库文件操作DOM
5.2.ENVIRONMENT：环境变量 development testing production
5.3.CI:CodeIgniter框架对象
5.4.BASEPATH：system目录
5.5.ROOT_PATH：项目根目录
5.6.DATA_PATH：data目录

6.主要公用接口和类库

   /**
     * @返回客户端信息通用函数
     * @param number $status 返回状态
     * @param string $data    包含的数据
     * @param string $msg    状态说明
     */
    public function return_client($status = 0, $data = null, $msg = null)
    {
        $requesttype = $this->input->is_ajax_request();//ajax请求
        //strtolower($_SERVER['REQUEST_METHOD']) == 'post' 请求方式
        if($requesttype){
            header('Content-type: application/json;charset=utf-8');
            $resp = array(
                'status' => $status,
                'data' => empty($data) ? null : $data,
                'msg' => empty($msg) ? null : $msg,
                'time' => date('Y-m-d H:i:s', time()));//microtime(true) - $starttime);
            $json = json_encode($resp);
            die($json);
        }
    }
 eg:{"status":1,"data":{"key":"value"},"msg":"OK","time":""}

6.其他资料

6.1.没有PSD图片。该项目模仿公司业务系统一部分做的。
6.2.Gulp
6.3.Sass
6.4.Zepto
6.5.AngularJS 教程
6.6.Frozen UI
6.7.Weui
6.8.Ionfont
6.9.Ionic