注釋都寫到行間了 很詳細(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) {//請求數(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 如果找到的話 就把對應(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'));
