ipzoe-angular-admin 基本规范

命名

文件命名

文件名应该说明该文件的作用,以及类型,不要使用简写或缩写,单词的拼接可以使用<code>-</code> ,也可以用驼峰命名

错误示范

mainbusCtrl.js // 简写单词,这里的bus 本意是business 
bonuslist.html  //字母拼接方式不规范
childcomCtr.js //意义不明

正确的示范

bonus-list.html
charts.module.js
friendlyLink.controller.js
common-style.sass
变量命名

参考 这里

优化

最大限度减少代码冗余
  • 定义最少量的路由
    错误示范1:
        $stateProvider
         .state('mainbus', {
            url:'/mainbus',
            template: '<ui-view></ui-view>',
            abstract: true,
            title:'主营业务'
         })
         .state('mainbus.business',{
            url:'/mainbus',
            templateUrl:'app/pages/mainbus/mainbus/mainbuslist.html',
            controller:'mainbusCtrl',
            title:'主营业务'
         })
        .state('mainbus.mainbus-edit',{
            url:'/mainbus-edit/:id',
            templateUrl:'app/pages/mainbus/mainbus/edit.html',
            controller:'mainbusEditCtr',
            title:'修改主营业务'
        })
        .state('mainbus.mainbus-add',{
            url:'/mainbus-add/:id',
            templateUrl:'app/pages/mainbus/mainbus/add.html',
            controller:'mainbusEditCtr',
            title:'添加主营业务'
        });

上面一段代码存在几个问题,
由title 可以看出,在<code>mainbus.mainbus-edit</code>和<code>mainbus.mainbus-add</code>两个路由的页面内,表单结构是完全一样的,既然一样的,就没有必要新建两个<code>html</code>文件,也没有必要写两个<code>controller</code>,因为交互和判断的逻辑肯定是一样的。而且,<code>'mainbus.mainbus-add</code>中的url是<code>/mainbus-add/:id</code> ,既然是添加,肯定不会有参数传进来。
控制器的名字也起的不好。

错误示范2:

$stateProvider
     .state('download', {
         url:'/download',
         template: '<ui-view></ui-view>',
         abstract: true,
         title:'下载管理'
     })
     .state('download.app',{
         url:'/app',
         templateUrl:'app/pages/download/download/downloadlist.html',
         controller:'downloadCtrl',
         title:'财通证券APP',
         data:{
             pid:0
         }
     })
     .state('download.pc',{
         url:'/pc',
         templateUrl:'app/pages/download/download/downloadlist.html',
         controller:'downloadCtrl',
         title:'财通证券PC',
         data:{
             pid:2
         }
     });

这两个路由的<code>templateUrl</code>和<code>controller</code>值都是一样的,没必要分成两个,可以把<code>app</code>和<code>pc</code>作为参数:<code>url:'/list/:type'</code>

  • 写最少的代码
    一个例子:
    $stateProvider
          .state('material', {
            url: '/material',
            template : '<ui-view></ui-view>',
            abstract: true,
            title: '物料管理'
          })
          .state('material.bom', {
            url: '/bom',
            templateUrl: 'app/pages/material/bom/bom-list.html',
            title: 'BOM清单',
            controller:'systemListCtrl',
            data:{
              url:'/api/dos-boms',
              listTitle:'物料数据字典'
            }
          })
          .state('material.material-stock', {
            url: '/material-stock',
            templateUrl: 'app/pages/material/material/stock-list.html',
            title: '原料库存表',
            controller:'systemListCtrl',
            data:{
              url:'/api/dos-bom-stocks',
              listTitle:'原料库存列表',
              partType:'RM',
              search:'/api/_search/dos-bom-stocks'
            }
          })
          .state('material.material-price', {
            url: '/material-price',
            templateUrl: 'app/pages/material/material/price-list.html',
            title: '零原料价格清单',
            controller:'systemListCtrl',
            data:{
              url:'/api/dos-rm-prices',
              listTitle:'零原料价格清单'
            }
          })
          .state('material.product-stock', {
            url: '/product-stock',
            templateUrl: 'app/pages/material/material/stock-list.html',
            title: '成品库存',
            controller:'systemListCtrl',
            data:{
              url:'/api/dos-bom-stocks',
              listTitle:'成品库存列表',
              partType:'FG',
              search:'/api/_search/dos-bom-stocks'
            }
          })
          .state('material.product-price', {
            url: '/product-price',
            templateUrl: 'app/pages/material/product/price-list.html',
            title: '成品价格清单',
            controller:'systemListCtrl',
            data:{
              url:'/api/dos-fg-prices',
              listTitle:'成品价格清单'
            }
          })
          .state('material.semi-manufactures', {
            url: '/semi-manufactures',
            templateUrl: 'app/pages/material/material/stock-list.html',
            title: '半成品库存表',
            controller:'systemListCtrl',
            data:{
              url:'/api/dos-bom-stocks',
              listTitle:'半成品库存表',
              partType:'SFG',
              search:'/api/_search/dos-bom-stocks'
            }
          })
         
         ;
    
    每个路由对应的html文件都不一样,但是<code>controller</code>确是一样的,这些路由对应一个个列表页,把列表页的公共逻辑提取出来,不一样的地方可以在<code>data</code>属性里面定义。
    所以,在看不见的地方,其实少写了很多代码,如没有特殊逻辑,整个项目的列表页都不需要再写控制器了。
    p s:这个结构比较特殊,要求服务器返回的数据结构严格一致,可以借鉴,不必模仿。
增强代码可读性

这里主要说明一下<code>controller</code>文件的规范,其他js文件以此为参考。一个<code>controller</code>中需要定义一些变量,用在页面中的数据双向绑定,这些变量通常作为<code>$scope</code>对象的属性在<code>html<code>页面中使用,将这些变量统一绑定在一个对象中,写在逻辑代码的最前面。

在逻辑代码前面声明函数。

函数的写法全部使用<code>function</code>语法,写在逻辑代码的后面。

以一个文件为单位,先来看一个糟糕的例子

/**
 * @author a.demeshko
 * created on 18.01.2016
 */
(function() {
    'use strict';

    angular.module('BlurAdmin.pages.home')
        .controller('childcomeditCtrl', childcomeditCtrl);

    /** @ngInject */
    function childcomeditCtrl($scope, $state, $timeout, $stateParams, toastr, $uibModal, apiRequest, QINIU_LINK, IMAGE_UPLOAD) {
        $scope.companyType = [
            { id: 0, name: "子公司" },
            { id: 2, name: "分公司" }
        ];
        $scope.is_headcom = true;
        $scope.issubcom = true;
        $scope.selected = 0;
        if ($scope.selected != 1) {
            $scope.is_headcom = false;
        }

        if($stateParams.id){
            $scope.tip = '修改';
        }else{
            $scope.tip = '添加';
        }

        

        $scope.getdefaultData = function() {
            apiRequest.get('/home/city-list', {}, function(res) {
                if (res.code == "200") {
                    $scope.list = res.data.regions;
                    $scope.provinceArr = [];
                    $scope.cityArr = [];
                    $scope.areaArr = [];
                    for (var i = 0; i < $scope.list.length; i++) {
                        var vp = $scope.list[i];
                        $scope.provinceArr.push({
                            id: vp.id,
                            name: vp.name
                        })
                        if (vp.id != $scope.ppid) continue;
                        for (var j = 0; j < vp.regions.length; j++) {
                            var vc = vp.regions[j];
                            $scope.cityArr.push({
                                id: vc.id,
                                name: vc.name
                            })
                            if (vc.id != $scope.ccid) continue;
                            for (var k = 0; k < vc.regions.length; k++) {
                                var va = vc.regions[k];
                                $scope.areaArr.push({
                                    id: va.id,
                                    name: va.name
                                })
                            }
                        }
                    }
                    $scope.areaArr.unshift({ id: 0, name: "请选择区域" });
                } else {
                    toastr.error(res.message, '');
                    $scope.$apply();
                }
            });
        }

        $scope.getdefaultData();


        //根据id获取该id对应的信息
        $scope.getInfo = function() {
            apiRequest.get('/home/column-detail', { id: $stateParams.id, type: 2 }, function(res) {
                if (res.code == "200") {
                    $scope.column = { street: '' }
                    $scope.column = res.data;
                    console.log(res)
                    $scope.selected = $scope.is_headcom = $scope.column.is_head;
                    console.log($scope.selected)
                    // $scope.selected = res.data.is_head;
                    $scope.column.street = res.data.address.street;
                    $scope.ppid = res.data.address.province.id;
                    $scope.ccid = res.data.address.city.id;
                    if (res.data.address.area == null) {
                        $scope.aaid = 0;
                    } else {
                        $scope.aaid = res.data.address.area.id;
                    }
                    if (res.data.points != null) {
                        $scope.pointarr = res.data.points.split(",");
                        $scope.column.points1 = $scope.pointarr[0];
                        $scope.column.points2 = $scope.pointarr[1];
                    }
                    // if ($scope.selected != 1) {
                    //     $scope.is_headcom = false;
                    // }
                    // if ($scope.selected != 0) {
                        
                    // }
                    if ($scope.selected == 0) {
                        $scope.issubcom = true;
                    }else{
                        $scope.issubcom = false;
                        $scope.column.is_show = 1;
                    }
                } else {
                    toastr.error(res.message, '');
                    $scope.$apply();
                }
            });
        }
 
        if($stateParams.id){
            $scope.getInfo();
        }

        //判断链接地址是否正确
        //$scope.isUrl=function(str){
        //    var reg=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
        //    return reg.test(str);
        //}
        //判断数字是否正确
        $scope.isNumber = function(str) {
                var reg = /^[0-9]*$/;
                return reg.test(str);
            }
            ////判断英文是否正确
            //$scope.isLetter=function(str){
            //    var reg = new RegExp("[\\u4E00-\\u9FFF]+","g");
            //    if(reg.test(str)){
            //        return false;
            //    }
            //    else{
            //        return true;
            //    }
            //}
            //判断邮箱是否正确
        $scope.isEmail = function(str) {
                var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
                return reg.test(str);
            }
            ////判断输入的经度是否正确
            //$scope.isAltitude=function(str){
            //   var reg=/^(((\d|[1-9]\d|1[1-7]\d|0)\.\d{0,4})|(\d|[1-9]\d|1[1-7]\d|0{1,3})|180\.0{0,4}|180)$/;
            //   return reg.test(str);
            //}
            //
            ////判断输入的纬度是否正确
            //$scope.isLatitudes=function(str){
            //   var reg=/^([0-8]?\d{1}\.\d{0,4}|90\.0{0,4}|[0-8]?\d{1}|90)$/;
            //   return reg.test(str);
            //}


        $scope.change_sel = function(selected) {
            $scope.selected = selected;
            $scope.column.is_head = selected;
            if (selected == 0) {
                $scope.issubcom = true;
            } else {
                $scope.issubcom = false;
            }
        }

        $scope.confirm = function(link) {
            $scope.modal = {
                link: link,
            }
            $uibModal.open({
                animation: true,
                templateUrl: 'app/pages/ui/modals/modalTemplates/confirm.html',
                controller: 'ModalCtrl',
                size: 'md',
                resolve: {
                    modal: function() {
                        return $scope.modal;
                    }
                }
            });
        };

        $scope.column = {
            address: {
                street: '',
            }
        };

        $scope.isShowcg = function(is_show) {
            $scope.column.is_show = is_show;
        }
        $scope.changeX = function(id) {
            $scope.selected1 = id;
        };
        $scope.changeY = function(id) {
            $scope.selected2 = id;
        };
        $scope.changeZ = function(id) {
            $scope.selected3 = id;
        };

        $scope.changeXX = function(pid, cid, aid) {
            console.log("===============", $scope.ppid, $scope.ccid, $scope.aaid, "===============");
            var pid = pid || $scope.ppid;
            $scope.cityArr = [];
            for (var i = 0; i < $scope.list.length; i++) {
                if ($scope.list[i].id == pid) {
                    break;
                }
            }
            for (var j = 0; j < $scope.list[i].regions.length; j++) {
                $scope.cityArr.push({ id: $scope.list[i].regions[j].id, name: $scope.list[i].regions[j].name });
                if (j == 0) {
                    $scope.areaArr = [];
                    for (var k = 0; k < $scope.list[i].regions[j].regions.length; k++) {
                        $scope.areaArr.push({ id: $scope.list[i].regions[j].regions[k].id, name: $scope.list[i].regions[j].regions[k].name });
                    }
                }
            }
            console.log($scope.cityArr, $scope.areaArr);
            $scope.areaArr.unshift({ id: 0, name: "请选择区域" });
            $scope.ccid = $scope.cityArr[0].id;
            $scope.aaid = $scope.areaArr[0].id;
            $scope.ppid = pid;
            $timeout(function() {
                for (var i = 0; i < angular.element("body").find("option:selected").length; i++) {
                    if (angular.element("body").find("option:selected")[i].label == '') {
                        angular.element("body").find("option:selected")[i].remove('option');
                    }
                }
            }, 50);
        }

        $scope.changeYY = function(pid, cid) {
            console.log("===============", $scope.ppid, $scope.ccid, $scope.aaid, "===============");
            var pid = pid || $scope.ppid;
            var cid = cid || $scope.ccid;
            //debugger;
            $scope.areaArr = [];
            for (var i = 0; i < $scope.list.length; i++) {
                if ($scope.list[i].id == pid) {
                    break;
                }
            }
            for (var j = 0; j < $scope.list[i].regions.length; j++) {
                if ($scope.list[i].regions[j].id == cid) {
                    break;
                }
            }
            for (var k = 0; k < $scope.list[i].regions[j].regions.length; k++) {
                $scope.areaArr.push({ id: $scope.list[i].regions[j].regions[k].id, name: $scope.list[i].regions[j].regions[k].name });
            }
            $scope.areaArr.unshift({ id: 0, name: "请选择区域" });
            $scope.aaid = $scope.areaArr[0].id;
            $scope.ppid = pid;
            $scope.ccid = cid;
            $timeout(function() {
                for (var i = 0; i < angular.element("body").find("option:selected").length; i++) {
                    if (angular.element("body").find("option:selected")[i].label == '') {
                        angular.element("body").find("option:selected")[i].remove('option');
                    }
                }
            }, 50);
        }

        $scope.changeZZ = function(pid, cid, aid) {
            console.log("===============", $scope.ppid, $scope.ccid, $scope.aaid, "===============");
            $scope.ppid = pid;
            $scope.ccid = cid;
            $scope.aaid = aid;
            console.log("###############", $scope.ppid, $scope.ccid, $scope.aaid, "###############");
            $timeout(function() {
                for (var i = 0; i < angular.element("body").find("option:selected").length; i++) {
                    if (angular.element("body").find("option:selected")[i].label == '') {
                        angular.element("body").find("option:selected")[i].remove('option');
                    }
                }
            }, 50);
        }


        $scope.column = {
            name_zh: '',
            name_en: '',
            is_head: $scope.selected,
            link: '',
            logo1: '',
            logo2: '',
            street: '',
            summery1: '',
            summery2: '',
            addr: {
                "province_id": $scope.selected1,
                "city_id": $scope.selected2,
                "area_id": $scope.selected3,
                "street": '',
            },
            e_mail: '',
            blog: '',
            we_chat: '',
            weixin: '',
            tell: '',
            fax: '',
            code: '',
            points1: '',
            points2: '',
            points: '',
            order: 0,
            is_show: 0
        };

        $scope.column.type = 2;
        $scope.isadd = true;
        $scope.checkinput = function() {
            if ($scope.column.name_zh == '') {
                toastr.error('公司名称输入不能为空', '', {});
                return false;
            }
            
            if (!$scope.isNumber($scope.column.order)) {
                toastr.error('显示顺序格式不正确', '', {});
                return false;
            }
            if($scope.selected == 1 || $scope.selected ==0){
                if ($scope.column.name_en == '') {
                    toastr.error('公司英文名称输入不能为空', '', {});
                    return false;
                }
                if ($scope.column.logo1 == '') {
                    toastr.error('公司logo1图片不能为空', '', {});
                    return false;
                }
                if ($scope.column.logo2 == '') {
                    toastr.error('公司logo2图片不能为空', '', {});
                    return false;
                }
                if ($scope.column.summery1 == '') {
                    toastr.error('公司简介1不能为空', '', {});
                    return false;
                }
                if ($scope.column.summery2 == '') {
                    toastr.error('公司简介2不能为空', '', {});
                    return false;
                }
            }
            
            
            if ($scope.isadd) {
                if ((typeof $scope.ppid == 'undefined')) {
                    toastr.error('请选择省份', '', {});
                    return false;
                }
                if ((typeof $scope.ccid == 'undefined')) {
                    toastr.error('请选择市区', '', {});
                    return false;
                }
                //if((typeof $scope.selected3=='undefined')){
                //   toastr.error('请选择区域', '', {});
                //   return false;
                //}
            }
            if ($scope.column.street == '') {
                toastr.error('街道地址不能为空', '', {});
                return false;
            }
            if ($scope.column.code == '') {
                toastr.error('公司邮编不能为空', '', {});
                return false;
            }
            if (!$scope.isNumber($scope.column.code)) {
                toastr.error('输入邮编格式不正确', '', {});
                return false;
            }
            if ($scope.column.code.length != 6) {
                toastr.error('输入邮编格式不正确', '', {});
                return false;
            }
            if ($scope.column.tell == '') {
                toastr.error('客服电话不能为空', '', {});
                return false;
            }
            if ($scope.column.link == '') {
                toastr.error('公司网址不能为空', '', {});
                return false;
            }
            //if(!$scope.isUrl($scope.column.link)){
            //    toastr.error('输入公司网址不正确', '', {});
            //    return false;
            //}
            if ($scope.column.points1 == '') {
                toastr.error('经度不能为空', '', {});
                return false;
            }
            //if(!$scope.isAltitude($scope.column.points1)){
            //   toastr.error('经度输入格式不正确', 'Warning', {});
            //   return false;
            //}
            if ($scope.column.points2 == '') {
                toastr.error('纬度不能为空', '', {});
                return false;
            }
            //if(!$scope.isLatitudes($scope.column.points2)){
            //  toastr.error('纬度输入格式不正确', 'Warning', {});
            //  return false;
            //}
            if ($scope.selected == 1) {
                if ($scope.column.blog == '') {
                    toastr.error('公司微博输入不能为空', '', {});
                    return false;
                }
                //if(!$scope.isUrl($scope.column.blog)){
                //    toastr.error('输入微博网址不正确', '', {});
                //    return false;
                //}
                if ($scope.column.we_chat == '') {
                    toastr.error('公司官方微信输入不能为空', '', {});
                    return false;
                }
                if ($scope.column.e_mail == '') {
                    toastr.error('公司官方邮箱输入不能为空', '', {});
                    return false;
                }
                if (!$scope.isEmail($scope.column.e_mail)) {
                    toastr.error('输入邮箱格式不正确', '', {});
                    return false;
                }
                if ($scope.column.fax == '') {
                    toastr.error('公司传真输入不能为空', '', {});
                    return false;
                } else {
                    return true;
                }
            }

            /**2017/05/03**QA:CTZQ-97**START BY zuobaiquan**/
            //if($scope.selected==0||$scope.selected==2) {
            //    if($scope.column.weixin==''){
            //        toastr.error('公司微信号输入不能为空', 'Warning', {});
            //        return false;
            //    }
            //    if($scope.column.e_mail==''){
            //        toastr.error('公司官方邮箱输入不能为空', 'Warning', {});
            //        return false;
            //    }
            //    if(!$scope.isEmail($scope.column.e_mail)){
            //        toastr.error('输入邮箱格式不正确', 'Warning', {});
            //        return false;
            //    }
            //    else{
            //        return true;
            //    }
            //}
            /**2017/05/03**QA:CTZQ-97**END BY zuobaiquan**/
            else {
                return true;
            }
        }

        $scope.is_show = true;

        $scope.disable = false;
        $scope.add = function() {
            console.log('add');
            console.log($scope.column);
            return ;
            if ($scope.checkinput()) {
                if ($scope.disable) {
                    return;
                }
                $scope.isadd = true;
                if($scope.column.type == 2){
                    $scope.column.is_show = 1;
                }
                $scope.column.addr.street = $scope.column.street;
                $scope.column.addr.province_id = $scope.selected1 || 0;
                $scope.column.addr.city_id = $scope.selected2;
                $scope.column.addr.area_id = $scope.selected3;
                $scope.column.points = $scope.column.points1 + "," + $scope.column.points2;
                $scope.disable = true;
                apiRequest.postJson('/home/column-add', $scope.column, function(res) {
                    if (res.code == "200") {
                        toastr.success('添加成功');
                        $state.go("home.childcom", {}, { reload: true });
                    } else {
                        $scope.disable = false;
                        toastr.error(res.message, '');
                        $scope.$apply();
                    }
                });
            } else {
                console.log("输入内容错误");
            }

        };

        $scope.update = function() {
            if ($scope.aaid == null && ($scope.ccid != null)) {
                for (var i = 0; i < $scope.list.length; i++) {
                    if ($scope.list[i].id == $scope.ppid) {
                        break;
                    }
                }
                for (var j = 0; j < $scope.list[i].regions.length; j++) {
                    if ($scope.list[i].regions[j].id == $scope.ccid) {
                        break;
                    }
                }
                $scope.aaid = $scope.list[i].regions[j].regions[0].id;
            }
            if ($scope.aaid == null && ($scope.ccid == null)) {
                for (var i = 0; i < $scope.list.length; i++) {
                    if ($scope.list[i].id == $scope.ppid) {
                        break;
                    }
                }
                $scope.ccid = $scope.list[i].regions[0].id;
                $scope.aaid = $scope.list[i].regions[0].regions[0].id;
            }
            if ($scope.aaid != null && ($scope.ccid == null)) {
                for (var i = 0; i < $scope.list.length; i++) {
                    if ($scope.list[i].id == $scope.ppid) {
                        break;
                    }
                }
                $scope.ccid = $scope.list[i].regions[0].id;
            }
            console.log("#################", $scope.ppid, $scope.ccid, $scope.aaid);
            $scope.isadd = false;
            if ($scope.checkinput()) {
                $scope.column.type = 2;
                $scope.column.addr = new Object();
                $scope.column.addr = $scope.column.address;
                delete $scope.column.address;
                console.log($scope.ppid)
                $scope.column.addr.province_id = $scope.ppid || 0;
                $scope.column.addr.city_id = $scope.ccid;
                $scope.column.addr.area_id = $scope.aaid;
                $scope.column.points = $scope.column.points1 + "," + $scope.column.points2;
                $scope.column.addr.street = $scope.column.street;
                console.log(11111, $scope.column);
                apiRequest.postJson('/home/column-update', $scope.column, function(res) {
                    if (res.code == "200") {
                        toastr.success('修改成功');
                        $state.go("home.childcom", {}, { reload: true });
                    } else {
                        toastr.error(res.message, '');
                        $scope.$apply();
                    }
                }, function(res2) {
                    toastr.error(res2.data.message, '');
                });
            } else {
                console.log("输入内容错误");
            }
        }

        $scope.submit = function(){
            if($scope.tip == '修改'){
                $scope.update();
            }else{
                $scope.add();
            }
        }

    }
})();

总结一下上面这个文件的问题:

  • 代码一共有500 ,属性赋值,初始化逻辑, 在页面中多处位置出现,不利于维护,可读性极差
  • 函数命名风格不统一,有的是小驼峰式写法,有的是用<code>-</code>链接的小写字母,推荐用小驼峰命名法
  • 函数命名不规范,甚至乱起名字
  • 无用的<code>console</code>和注释太多,应该及时删掉
  • 没有格式化
  • 其他问题

修改的思路如下:

/**
 * @author yuxiaojing
 * created on 2017/06/20
 * 公司信息管理 详情页。 //文件注释一点要写,而且要写清楚此文件的用途
 */
(function() {
    'use strict';

    angular.module('BlurAdmin.pages.home')
        .controller('ChildCompanyEditCtrl', ChildCompanyEditCtrl);
    //控制器的命名采用驼峰式命名法

    /** @ngInject */
    function ChildCompanyEditCtrl($scope, $state, $timeout, $stateParams, toastr, $uibModal, apiRequest, QINIU_LINK, IMAGE_UPLOAD) {

        /***基本属性的定义***/

        //非表单提交的变量写在一个对象里
        $scope.global = {
                companyType: [
                    { id: 0, name: "子公司" },
                    { id: 2, name: "分公司" }
                ],
                is_headcom: true,
                issubcom: true,
                selected: 0,

            }
        //表单提交的参数写在一个对象里
        $scope.column = {
            name_zh: '',
            name_en: '',
            is_head: $scope.selected,
            link: '',
            logo1: '',
            logo2: '',
            street: '',
            summery1: '',
            summery2: '',
            addr: {
                "province_id": $scope.selected1,
                "city_id": $scope.selected2,
                "area_id": $scope.selected3,
                "street": '',
            },
            e_mail: '',
            blog: '',
            we_chat: '',
            weixin: '',
            tell: '',
            fax: '',
            code: '',
            points1: '',
            points2: '',
            points: '',
            order: 0,
            is_show: 0
        };

        /***基本属性的定义***/

        /***声明函数***/
        $scope.fn = {
             getCityList: getCityList,
             getCompanyDetail: getCompanyDetail,
             changingType: changingType,
             confirm: confirm
        }
       /***声明函数***/

        /***初始化逻辑,如果太多可以写一个初始化函数***/
        if ($scope.selected != 1) {
            $scope.is_headcom = false;
        }

        if ($stateParams.id) {
            $scope.tip = '修改';
        } else {
            $scope.tip = '添加';
        }

        $scope.getdefaultData();

        if ($stateParams.id) {
            $scope.getInfo();
        }

        $scope.column = {
            address: {
                street: '',
            }
        };

        $scope.column.type = 2;
        $scope.isadd = true;

        $scope.is_show = true;

        $scope.disable = false;

        /***初始化逻辑,如果太多可以写一个初始化函数***/


        /***最后是函数的实现***/

        // $scope.getdefaultData = function() {}
        // 函数名无意思,这个函数的功能是获取城市列表,所以不妨改成getCityList
        function getCityList() {
            apiRequest.get('/home/city-list', {}, function(res) {
                if (res.code == "200") {
                    $scope.list = res.data.regions;
                    $scope.provinceArr = [];
                    $scope.cityArr = [];
                    $scope.areaArr = [];
                    for (var i = 0; i < $scope.list.length; i++) {
                        var vp = $scope.list[i];
                        $scope.provinceArr.push({
                            id: vp.id,
                            name: vp.name
                        })
                        if (vp.id != $scope.ppid) continue;
                        for (var j = 0; j < vp.regions.length; j++) {
                            var vc = vp.regions[j];
                            $scope.cityArr.push({
                                id: vc.id,
                                name: vc.name
                            })
                            if (vc.id != $scope.ccid) continue;
                            for (var k = 0; k < vc.regions.length; k++) {
                                var va = vc.regions[k];
                                $scope.areaArr.push({
                                    id: va.id,
                                    name: va.name
                                })
                            }
                        }
                    }
                    $scope.areaArr.unshift({ id: 0, name: "请选择区域" });
                } else {
                    toastr.error(res.message, '');
                    $scope.$apply();
                }
            });
        }




        //根据id获取该id对应的信息
        // $scope.getInfo = function() {}
        //这个函数的功能是根据id获取公司详细信息,所以不妨改成getCompanyDetail 活着 getCompanyInfo
        function getCompanyDetail() {
            apiRequest.get('/home/column-detail', { id: $stateParams.id, type: 2 }, function(res) {
                if (res.code == "200") {
                    //seccess operate
                } else {
                    toastr.error(res.message, '');
                    $scope.$apply();
                }
            });
        }


        /***多余的注释应该去掉,并且表单的验证应该在页面中就完成,参考模版项目中的表单验证***/


        //判断链接地址是否正确
        //$scope.isUrl=function(str){
        //    var reg=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
        //    return reg.test(str);
        //}
        //判断数字是否正确
        $scope.isNumber = function(str) {
            var reg = /^[0-9]*$/;
            return reg.test(str);
        }
        ////判断英文是否正确
        //$scope.isLetter=function(str){
        //    var reg = new RegExp("[\\u4E00-\\u9FFF]+","g");
        //    if(reg.test(str)){
        //        return false;
        //    }
        //    else{
        //        return true;
        //    }
        //}
        //判断邮箱是否正确
        $scope.isEmail = function(str) {
            var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
            return reg.test(str);
        }
        ////判断输入的经度是否正确
        //$scope.isAltitude=function(str){
        //   var reg=/^(((\d|[1-9]\d|1[1-7]\d|0)\.\d{0,4})|(\d|[1-9]\d|1[1-7]\d|0{1,3})|180\.0{0,4}|180)$/;
        //   return reg.test(str);
        //}
        //
        ////判断输入的纬度是否正确
        //$scope.isLatitudes=function(str){
        //   var reg=/^([0-8]?\d{1}\.\d{0,4}|90\.0{0,4}|[0-8]?\d{1}|90)$/;
        //   return reg.test(str);
        //}


        /***多余的注释应该去掉,并且表单的验证应该在页面中就完成,参考模版项目中的表单验证***/


        //此函数的功能是当前台修改公司类型的时候,一些属性的值应该做些调整,不妨改名成changingType
        // $scope.change_sel = function(selected) {

        // }

        function changingType(type) {
            $scope.selected = type;
            $scope.column.is_head = type;
            if (selected == 0) {
                $scope.issubcom = true;
            } else {
                $scope.issubcom = false;
            }
        }

        //此函数的功能是,当退出页面的时候,给出弹出按提示,函数名与功能基本符合,但是应用场景无法一眼看出,应该写
        //个注释
        // $scope.confirm = function(link) {

        // };

        /**
         * 退出页面提示弹窗
         * @param  {string} link 跳转的路由
         * @return {[type]}      
         */
        function confirm(link) {
            $scope.modal = {
                link: link,
            }
            $uibModal.open({
                animation: true,
                templateUrl: 'app/pages/ui/modals/modalTemplates/confirm.html',
                controller: 'ModalCtrl',
                size: 'md',
                resolve: {
                    modal: function() {
                        return $scope.modal;
                    }
                }
            });
        }


        /***这几个方法是改变下拉框的值,修改相应属性的值,不推荐这种写法,
        应该在select标签中用ng-model绑定相应的属性***/
        $scope.isShowcg = function(is_show) {
            $scope.column.is_show = is_show;
        }
        $scope.changeX = function(id) {
            $scope.selected1 = id;
        };
        $scope.changeY = function(id) {
            $scope.selected2 = id;
        };
        $scope.changeZ = function(id) {
            $scope.selected3 = id;
        };
    /***这几个方法是改变下拉框的值,修改相应属性的值,不推荐这种写法,
    应该在select标签中用ng-model绑定相应的属性***/

    /***这几个方法是一个省市区三级联动的功能,
            并且项目中还有其他地方需要用到此功能
            因此应该提取出来写成一个指令
            并且函数命名实在是。。。
    ***/
         $scope.changeXX = function(pid, cid, aid) {
            console.log("===============", $scope.ppid, $scope.ccid, $scope.aaid, "===============");
            var pid = pid || $scope.ppid;
            $scope.cityArr = [];
            for (var i = 0; i < $scope.list.length; i++) {
                if ($scope.list[i].id == pid) {
                    break;
                }
            }
            for (var j = 0; j < $scope.list[i].regions.length; j++) {
                $scope.cityArr.push({ id: $scope.list[i].regions[j].id, name: $scope.list[i].regions[j].name });
                if (j == 0) {
                    $scope.areaArr = [];
                    for (var k = 0; k < $scope.list[i].regions[j].regions.length; k++) {
                        $scope.areaArr.push({ id: $scope.list[i].regions[j].regions[k].id, name: $scope.list[i].regions[j].regions[k].name });
                    }
                }
            }
            console.log($scope.cityArr, $scope.areaArr);
            $scope.areaArr.unshift({ id: 0, name: "请选择区域" });
            $scope.ccid = $scope.cityArr[0].id;
            $scope.aaid = $scope.areaArr[0].id;
            $scope.ppid = pid;
            $timeout(function() {
                for (var i = 0; i < angular.element("body").find("option:selected").length; i++) {
                    if (angular.element("body").find("option:selected")[i].label == '') {
                        angular.element("body").find("option:selected")[i].remove('option');
                    }
                }
            }, 50);
        }

        $scope.changeYY = function(pid, cid) {
            console.log("===============", $scope.ppid, $scope.ccid, $scope.aaid, "===============");
            var pid = pid || $scope.ppid;
            var cid = cid || $scope.ccid;
            //debugger;
            $scope.areaArr = [];
            for (var i = 0; i < $scope.list.length; i++) {
                if ($scope.list[i].id == pid) {
                    break;
                }
            }
            for (var j = 0; j < $scope.list[i].regions.length; j++) {
                if ($scope.list[i].regions[j].id == cid) {
                    break;
                }
            }
            for (var k = 0; k < $scope.list[i].regions[j].regions.length; k++) {
                $scope.areaArr.push({ id: $scope.list[i].regions[j].regions[k].id, name: $scope.list[i].regions[j].regions[k].name });
            }
            $scope.areaArr.unshift({ id: 0, name: "请选择区域" });
            $scope.aaid = $scope.areaArr[0].id;
            $scope.ppid = pid;
            $scope.ccid = cid;
            $timeout(function() {
                for (var i = 0; i < angular.element("body").find("option:selected").length; i++) {
                    if (angular.element("body").find("option:selected")[i].label == '') {
                        angular.element("body").find("option:selected")[i].remove('option');
                    }
                }
            }, 50);
        }

        $scope.changeZZ = function(pid, cid, aid) {
                console.log("===============", $scope.ppid, $scope.ccid, $scope.aaid, "===============");
                $scope.ppid = pid;
                $scope.ccid = cid;
                $scope.aaid = aid;
                console.log("###############", $scope.ppid, $scope.ccid, $scope.aaid, "###############");
                $timeout(function() {
                    for (var i = 0; i < angular.element("body").find("option:selected").length; i++) {
                        if (angular.element("body").find("option:selected")[i].label == '') {
                            angular.element("body").find("option:selected")[i].remove('option');
                        }
                    }
                }, 50);
            }
        /***这几个方法是一个省市区三级联动的功能,
                并且项目中还有其他地方需要用到此功能
                因此应该提取出来写成一个指令
                并且函数命名实在是。。 ***/




        /*** 提交接口之前的数据check ,应该要简化此方法中的逻辑,
            大部分的表单的验证应该在页面中就完成,参考模版项目中的表单验证
            有些第三方插件无法直接用ng-model直接绑定才需要在这里检验
            函数名应该叫checkInput或者 checkForm 或者checkData
        ***/
        $scope.checkinput = function() {
            if ($scope.column.name_zh == '') {
                toastr.error('公司名称输入不能为空', '', {});
                return false;
            }

            if (!$scope.isNumber($scope.column.order)) {
                toastr.error('显示顺序格式不正确', '', {});
                return false;
            }
            if ($scope.selected == 1 || $scope.selected == 0) {
                if ($scope.column.name_en == '') {
                    toastr.error('公司英文名称输入不能为空', '', {});
                    return false;
                }
                if ($scope.column.logo1 == '') {
                    toastr.error('公司logo1图片不能为空', '', {});
                    return false;
                }
                if ($scope.column.logo2 == '') {
                    toastr.error('公司logo2图片不能为空', '', {});
                    return false;
                }
                if ($scope.column.summery1 == '') {
                    toastr.error('公司简介1不能为空', '', {});
                    return false;
                }
                if ($scope.column.summery2 == '') {
                    toastr.error('公司简介2不能为空', '', {});
                    return false;
                }
            }


            if ($scope.isadd) {
                if ((typeof $scope.ppid == 'undefined')) {
                    toastr.error('请选择省份', '', {});
                    return false;
                }
                if ((typeof $scope.ccid == 'undefined')) {
                    toastr.error('请选择市区', '', {});
                    return false;
                }
                //if((typeof $scope.selected3=='undefined')){
                //   toastr.error('请选择区域', '', {});
                //   return false;
                //}
            }
            if ($scope.column.street == '') {
                toastr.error('街道地址不能为空', '', {});
                return false;
            }
            if ($scope.column.code == '') {
                toastr.error('公司邮编不能为空', '', {});
                return false;
            }
            if (!$scope.isNumber($scope.column.code)) {
                toastr.error('输入邮编格式不正确', '', {});
                return false;
            }
            if ($scope.column.code.length != 6) {
                toastr.error('输入邮编格式不正确', '', {});
                return false;
            }
            if ($scope.column.tell == '') {
                toastr.error('客服电话不能为空', '', {});
                return false;
            }
            if ($scope.column.link == '') {
                toastr.error('公司网址不能为空', '', {});
                return false;
            }
            //if(!$scope.isUrl($scope.column.link)){
            //    toastr.error('输入公司网址不正确', '', {});
            //    return false;
            //}
            if ($scope.column.points1 == '') {
                toastr.error('经度不能为空', '', {});
                return false;
            }
            //if(!$scope.isAltitude($scope.column.points1)){
            //   toastr.error('经度输入格式不正确', 'Warning', {});
            //   return false;
            //}
            if ($scope.column.points2 == '') {
                toastr.error('纬度不能为空', '', {});
                return false;
            }
            //if(!$scope.isLatitudes($scope.column.points2)){
            //  toastr.error('纬度输入格式不正确', 'Warning', {});
            //  return false;
            //}
            if ($scope.selected == 1) {
                if ($scope.column.blog == '') {
                    toastr.error('公司微博输入不能为空', '', {});
                    return false;
                }
                //if(!$scope.isUrl($scope.column.blog)){
                //    toastr.error('输入微博网址不正确', '', {});
                //    return false;
                //}
                if ($scope.column.we_chat == '') {
                    toastr.error('公司官方微信输入不能为空', '', {});
                    return false;
                }
                if ($scope.column.e_mail == '') {
                    toastr.error('公司官方邮箱输入不能为空', '', {});
                    return false;
                }
                if (!$scope.isEmail($scope.column.e_mail)) {
                    toastr.error('输入邮箱格式不正确', '', {});
                    return false;
                }
                if ($scope.column.fax == '') {
                    toastr.error('公司传真输入不能为空', '', {});
                    return false;
                } else {
                    return true;
                }
            }

            /**2017/05/03**QA:CTZQ-97**START BY zuobaiquan**/
            //if($scope.selected==0||$scope.selected==2) {
            //    if($scope.column.weixin==''){
            //        toastr.error('公司微信号输入不能为空', 'Warning', {});
            //        return false;
            //    }
            //    if($scope.column.e_mail==''){
            //        toastr.error('公司官方邮箱输入不能为空', 'Warning', {});
            //        return false;
            //    }
            //    if(!$scope.isEmail($scope.column.e_mail)){
            //        toastr.error('输入邮箱格式不正确', 'Warning', {});
            //        return false;
            //    }
            //    else{
            //        return true;
            //    }
            //}
            /**2017/05/03**QA:CTZQ-97**END BY zuobaiquan**/
            else {
                return true;
            }
        }

        /*** 提交接口之前的数据check ,应该要简化此方法中的逻辑,
            大部分的表单的验证应该在页面中就完成,参考模版项目中的表单验证
            有些第三方插件无法直接用ng-model直接绑定才需要在这里检验
        ***/


        $scope.add = function() {
            console.log('add');
            console.log($scope.column);
            return;
            if ($scope.checkinput()) {
                if ($scope.disable) {
                    return;
                }
                $scope.isadd = true;
                if ($scope.column.type == 2) {
                    $scope.column.is_show = 1;
                }
                $scope.column.addr.street = $scope.column.street;
                $scope.column.addr.province_id = $scope.selected1 || 0;
                $scope.column.addr.city_id = $scope.selected2;
                $scope.column.addr.area_id = $scope.selected3;
                $scope.column.points = $scope.column.points1 + "," + $scope.column.points2;
                $scope.disable = true;
                apiRequest.postJson('/home/column-add', $scope.column, function(res) {
                    if (res.code == "200") {
                        toastr.success('添加成功');
                        $state.go("home.childcom", {}, { reload: true });
                    } else {
                        $scope.disable = false;
                        toastr.error(res.message, '');
                        $scope.$apply();
                    }
                });
            } else {
                console.log("输入内容错误");
            }

        };

        $scope.update = function() {
            if ($scope.aaid == null && ($scope.ccid != null)) {
                for (var i = 0; i < $scope.list.length; i++) {
                    if ($scope.list[i].id == $scope.ppid) {
                        break;
                    }
                }
                for (var j = 0; j < $scope.list[i].regions.length; j++) {
                    if ($scope.list[i].regions[j].id == $scope.ccid) {
                        break;
                    }
                }
                $scope.aaid = $scope.list[i].regions[j].regions[0].id;
            }
            if ($scope.aaid == null && ($scope.ccid == null)) {
                for (var i = 0; i < $scope.list.length; i++) {
                    if ($scope.list[i].id == $scope.ppid) {
                        break;
                    }
                }
                $scope.ccid = $scope.list[i].regions[0].id;
                $scope.aaid = $scope.list[i].regions[0].regions[0].id;
            }
            if ($scope.aaid != null && ($scope.ccid == null)) {
                for (var i = 0; i < $scope.list.length; i++) {
                    if ($scope.list[i].id == $scope.ppid) {
                        break;
                    }
                }
                $scope.ccid = $scope.list[i].regions[0].id;
            }
            console.log("#################", $scope.ppid, $scope.ccid, $scope.aaid);
            $scope.isadd = false;
            if ($scope.checkinput()) {
                $scope.column.type = 2;
                $scope.column.addr = new Object();
                $scope.column.addr = $scope.column.address;
                delete $scope.column.address;
                console.log($scope.ppid)
                $scope.column.addr.province_id = $scope.ppid || 0;
                $scope.column.addr.city_id = $scope.ccid;
                $scope.column.addr.area_id = $scope.aaid;
                $scope.column.points = $scope.column.points1 + "," + $scope.column.points2;
                $scope.column.addr.street = $scope.column.street;
                console.log(11111, $scope.column);
                apiRequest.postJson('/home/column-update', $scope.column, function(res) {
                    if (res.code == "200") {
                        toastr.success('修改成功');
                        $state.go("home.childcom", {}, { reload: true });
                    } else {
                        toastr.error(res.message, '');
                        $scope.$apply();
                    }
                }, function(res2) {
                    toastr.error(res2.data.message, '');
                });
            } else {
                console.log("输入内容错误");
            }
        }

        $scope.submit = function() {
            if ($scope.tip == '修改') {
                $scope.update();
            } else {
                $scope.add();
            }
        }

    }
})();

最后整理一下,看一个清爽的版本:

/**
 * @author yuxiaojing
 * created on 2017/06/20
 * 公司信息管理 详情页。
 */
(function() {
    'use strict';

    angular.module('BlurAdmin.pages.home')
        .controller('ChildCompanyEditCtrl', ChildCompanyEditCtrl);

    /** @ngInject */
    function ChildCompanyEditCtrl($scope, $state, $timeout, $stateParams, toastr, $uibModal, apiRequest, QINIU_LINK, IMAGE_UPLOAD) {

        $scope.global = {
            companyType: [
                { id: 0, name: "子公司" },
                { id: 2, name: "分公司" }
            ],
            is_headcom: true,
            issubcom: true,
            selected: 0,
            tip:''
        }
            
        $scope.column = {
            name_zh: '',
            name_en: '',
            is_head: $scope.selected,
            link: '',
            logo1: '',
            logo2: '',
            street: '',
            summery1: '',
            summery2: '',
            addr: {
                "province_id": $scope.selected1,
                "city_id": $scope.selected2,
                "area_id": $scope.selected3,
                "street": '',
            },
            e_mail: '',
            blog: '',
            we_chat: '',
            weixin: '',
            tell: '',
            fax: '',
            code: '',
            points1: '',
            points2: '',
            points: '',
            order: 0,
            is_show: 0
        };

        $scope.fn = {
            init:init,
            getCityList: getCityList,
            getCompanyDetail: getCompanyDetail,
            changingType: changingType,
            confirm: confirm,
            submit:submit

        }

        $scope.fn.init();

        function init(){
            if ($stateParams.id) {
                $scope.global.tip = '修改';
            } else {
                $scope.global.tip = '添加';
            }
            /**
            ......
            **/
        }

        function getCityList() {
            apiRequest.get('/home/city-list', {}, function(res) {
                if (res.code == "200") {
                    /**
                    ......
                    **/
                } else {
                    toastr.error(res.message, '');
                    $scope.$apply();
                }
            });
        }

        function getCompanyDetail() {
            apiRequest.get('/home/column-detail', { id: $stateParams.id, type: 2 }, function(res) {
                if (res.code == "200") {
                    //seccess operate
                    /**
                    ......
                    **/
                } else {
                    toastr.error(res.message, '');
                    $scope.$apply();
                }
            });
        }


        function changingType(type) {
            $scope.selected = type;
            $scope.column.is_head = type;
            if (selected == 0) {
                $scope.issubcom = true;
            } else {
                $scope.issubcom = false;
            }
        }

        /**
         * 退出页面提示弹窗
         * @param  {string} link 跳转的路由
         * @return {[type]}      
         */
        function confirm(link) {
            $scope.modal = {
                link: link,
            }
            $uibModal.open({
                animation: true,
                templateUrl: 'app/pages/ui/modals/modalTemplates/confirm.html',
                controller: 'ModalCtrl',
                size: 'md',
                resolve: {
                    modal: function() {
                        return $scope.modal;
                    }
                }
            });
        }


        function checkInput(){
            /**
            ......
            **/
        }

        /**
         * 添加新公司
         * @return 
         */
        function add(){
            /**
            ......
            **/
            apiRequest.postJson('/home/column-add', $scope.column, function(res) {
                if (res.code == "200") {
                    toastr.success('添加成功');
                    $state.go("home.childcom", {}, { reload: true });
                } else {
                    $scope.disable = false;
                    toastr.error(res.message, '');
                    $scope.$apply();
                }
            });
        }

        /**
         * 更新公司信息
         * @return 
         */
        function update(){
            /**
            ......
            **/
            apiRequest.postJson('/home/column-update', $scope.column, function(res) {
                if (res.code == "200") {
                    toastr.success('修改成功');
                    $state.go("home.childcom", {}, { reload: true });
                } else {
                    toastr.error(res.message, '');
                    $scope.$apply();
                }
            }, function(res2) {
                toastr.error(res2.data.message, '');
            });
        }

        /**
         * 提交表单
         * @return 
         */
        function submit(){
            if ($scope.global.tip == '修改') {
                update();
            } else {
                add();
            }

        }

    }
})();

特别声明:

此规范是建立在前端开发基本规范上之上的,具体参考下面两篇文档

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,723评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,485评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,998评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,323评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,355评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,079评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,389评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,019评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,519评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,971评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,100评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,738评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,293评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,289评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,517评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,547评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,834评论 2 345

推荐阅读更多精彩内容

  • afinalAfinal是一个android的ioc,orm框架 https://github.com/yangf...
    passiontim阅读 15,401评论 2 45
  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 1,588评论 0 3
  • 大学的时候喜欢一个姑娘,和那位姑娘的相识就是源于网络,那时候大概是因为气味相投,因为喜欢岁月静好,所以就喜欢她文章...
    踏雪听香阅读 701评论 7 7
  • 日本 是唯一彻底实行等级制度的国家 美国是他不谢罪的根本原因 自身的历史 法律 优越感 造就日本的自大 认为自己在...
    阿七十四阅读 105评论 0 0
  • 近几日,一组机械科技风格手办系列现身杭漫模玩展现场,引起围观群众的惊呼。 上海市动漫行业协会会员单位:上海范盒文化...
    hashiqi阅读 137评论 0 0