注釋都寫到行間了 很詳細(xì)

    <script src="js/jquery.js"></script>
    <script src="js/angular.js"></script>
    <script>
        let app=angular.module('app',[]);
        //let n=0;
        app.controller('test',function ($scope,$http) {
            $http.get('/get').success(function (data) {//請(qǐng)求數(shù)據(jù)
                /*
                * $scope.Periphery=[];--用來存放周邊和熱點(diǎn)地區(qū)的 值
                 $scope.Popular=[];
                * */
                $scope.arr=[];
                $scope.json={};
                $scope.Periphery=[];
                $scope.Popular=[];
                if(data.error){
                    $scope.data=data.data;
                    angular.forEach($scope.data,function (v, k) {//周邊熱門
                        $scope.json[v.Initials]=0;//json添加模式；把數(shù)據(jù)庫里面的Initials 都放到j(luò)son里面  給他賦值 每個(gè)數(shù)組的值  都是0
                        if(v.Periphery){//v.Periphery --的值是1或0 也就是 true/false 當(dāng)結(jié)果為真的時(shí)候 就把結(jié)果放到 $scope.Periphery 數(shù)組里面
                            $scope.Periphery.push(v.area);
                        }
                        if(v.Popular){
                            $scope.Popular.push(v.area);
                        }

                    });

                    angular.forEach($scope.json,function (v1, k1) {
                        let arr2=[];
                        /*
                        * 循環(huán)json 定義一個(gè)空的數(shù)組用來放值 json有自動(dòng)去重的屬性 上面又給他所有的值都  賦值為0
                        * 例：s:0, a:0 ,......他的值是0  鍵s,...
                        * 得到  鍵 并且  去重
                        * */


                        angular.forEach($scope.data,function (v, k) {
                            if(k1==v.Initials){
                                arr2.push(v.area);
                            }
                            /*
                            * k1 是$scope.json的鍵 v.Initials 是數(shù)據(jù)庫的某一列
                            * 在數(shù)據(jù)庫的 某一列 里面 查找 k1 如果找到的話 就把對(duì)應(yīng)的內(nèi)容放到 上面定義$scope.arr2的數(shù)組里面
                            *
                            * */

                        });
                         $scope.json={};
                         $scope.json.a=k1;
                         $scope.json.b=arr2;
                         $scope.arr.push($scope.json);
                         /*
                         * 1、清空json數(shù)組里面的內(nèi)容 讓他都為空
                         * 2、重新給json賦值 把json的鍵k1 賦值給a，把a(bǔ)rr2賦值給b-arr2是值
                         * 3、相當(dāng)于 一個(gè)全新的json 擺在你的面前 a(k1)是-鍵--；b(arr2)--是值；
                         * 4、給全新的json放到--最先定義的數(shù)組--arr里面
                         * 5、格式：=== $scope.arr=[{a:'s',b:...},{a:'s',b:...},{a:'s',b:...},{a:'s',b:...}]
                         * */
                    });

                }else{
                    alert('失敗')
                }
            });
            $http.get('/src').success((data)=>{
                if(data.error){
                    $scope.data=data.data;
                }else{
                    console.log('出錯(cuò)了')
                }
            });
            $scope.show=function (n) {
                $scope.selected=n;
            };
/*            $http.get('/gengd').success((data)=>{
                $scope.arr3=[];
                $scope.js2={};
                if(data.error){
                    $scope.data=data.data;
                    angular.forEach($scope.data,function (v, k) {
                        $scope.js2[v.inial]=0;
                    });
                    angular.forEach($scope.js2,function (v1, k1) {
                        let arr4=[];
                        angular.forEach($scope.data,function (v, k) {
                            if(k1==v.inial){
                                arr4.push(v.name);
                            }
                        });
                        $scope.js2={};
                        $scope.js2.a=k1;
                        $scope.js2.b=arr4;
                        $scope.arr3.push($scope.js2)
                    });


                }else{
                    alert(1)
                }

            })*/
        })
    </script>

Node.js 接口

const express=require('express');
const static=require('express-static');
const mysql=require('mysql');

let server=express();
server.listen(4100);
let db=mysql.createConnection({host:'localhost',user:'root',password:'',database:'mysql'});

server.get('/get',(req,res)=>{
    "use strict";
    db.query('SELECT * FROM first',(err,data)=>{
        if(err){
            res.send({error:false,msg:'出錯(cuò)了'})
        }else{
            res.send({error:true,data:data})
        }
        res.end();
    })
});
server .get('/src',(req , res)=>{
    "use strict";
    db.query('SELECT * FROM SRC',(err,data)=>{
        if(err){
            res.send({error:false,msg:'出錯(cuò)了'})
        }else{
            res.send({error:true,data:data})
        }
        res.end();
    })
});
server.get('/gengd',(req,res)=>{
    "use strict";
   db.query('SELECT * FROM gengd',(err,data)=>{
       if(err){
           res.send({error:false,msg:'數(shù)據(jù)庫加載失敗'})
       }else{
           res.send({error:true,data:data})
       }
       res.end();
   })
});
server.use(static('www'));