1. Berbicara
Suatu hari, monitor kelas mengatakan bahwa para siswa ingin saya mengembangkan buku alamat yang dapat berbagi lokasi, sehingga mereka hanya merancang fungsi itu sendiri. Termasuk peran pengguna, memposting di Weibo, berbagi lokasi, dll. Kali ini saya agak egois. Untuk melatih AngularJs yang baru -baru ini saya tonton, saya secara meyakinkan memilih Node.js + MongoDB + Angular.js Solution. Tentu saja, pengalaman mengembangkan Node.js menjadi semakin mendalam. Ingat, tahun lalu sang pemimpin mengatakan kepada saya bahwa saya harus mencoba membuat setiap layanan dukungan node hanya satu fungsi bisnis, sehingga bisa lebih nyaman untuk dipertahankan. Pada saat itu, saya benar -benar ingin membuat layanan node sangat kuat. Sekarang tampaknya pendekatan pemimpin itu benar, dan saya lebih suka memilih fungsi layanan node ...
2. Langsung unggah barang kering
Layanan database digunakan di awan alibaba; Server file statis menggunakan halaman GitHub.
Alamat Proyek GitHub: https://github.com/vczero/ourtimes
Alamat Pengalaman Online: http://vczero.github.io/tuban/main.html#/
Saya tidak punya gambar untuk mengatakan bola, izinkan saya menunjukkan kepada Anda dua tangkapan layar:
(1) Halaman Beranda
(2) Buku alamat
...... lebih banyak pengalaman online ...
AKU AKU AKU. Proyek
Total Proyek: https://github.com/vczero/ourtimes
Mengembangkan layanan yang diperlukan: https://github.com/vczero/ourtimes/tree/master/server
Buka Klien PC Web: https://github.com/vczero/ourtimes/tree/master/client-web
Sistem manajemen backend sederhana telah dikembangkan: https://github.com/vczero/ourtimes/tree/master/client-admin
Setiap orang dipersilakan untuk Fork, ikuti dan bagikan kode untuk bekerja sama untuk membangun front-end.
4. Lampirkan Kode File Entri Sudut Terminal Web-PC
Salinan kode adalah sebagai berikut:
var app = angular.module ('app', ['ui.router', 'ngcookies']);
var server_base_url = 'http://127.0.0.1:3000/';
// Inisialisasi konfigurasi
app.run (['$ rootscope', function ($ rootscope) {
$ rootscope.appname = 'tuban.com';
$ rootscope.desc = 'buku alamat berbasis lokasi';
$ rootscope.author = 'rumor hantu';
$ rootscope._email = '[email protected]';
}]);
// Daftar Layanan Diperiksa
app.constant ('serviceConfig', {
wei_content: server_base_url + 'wei/get',
wei_zan: server_base_url + 'wei/zan',
wei_comment: server_base_url + 'wei/komentar',
wei_create: server_base_url + 'wei/create',
user_get: server_base_url + 'user/get',
user_login: server_base_url + 'user/login',
user_register: server_base_url + 'user/register',
user_common: server_base_url + 'user/getcommon',
user_ben: server_base_url + 'user/getben',
user_self: server_base_url + 'user/getself',
user_common_update: server_base_url + 'user/updateCommon',
user_ben_update: server_base_url + 'user/updateBen',
user_ben_get_name: server_base_url + 'user/singleben/name',
user_common_get_nickname: server_base_url + 'user/getcommon/name',
user_ben_get_realname: server_base_url + 'user/singleben/name',
wei_get_token_page: server_base_url + 'wei/getbytoken',
wei_delete: server_base_url + 'wei/delete',
user_update_password: server_base_url + 'user/updatePassword',
artikel_get: server_base_url + 'artikel/get',
artikel_detail: server_base_url + 'artikel/get/id',
AMAP_URL: 'http://webapi.amap.com/maps?v=1.3&key=ad925c5003760094713775d64748d872&callback=init'
});
// json parse
app.config (['$ httpprovider', function ($ httpprovider) {
$ httpprovider.defaults.headers.post ['content-type'] = 'Application/X-WWW-Form-Urlencoded; charset = UTF-8';
$ httpprovider.defaults.headers.put ['content-type'] = 'Application/X-WWW-Form-Urlencoded; charset = UTF-8';
$ httpprovider.defaults.transformRequest = [function (data) {
var obj = [];
untuk (tombol var dalam data) {
obj.push (key + '=' + data [key]);
}
kembalikan obj.join ('&');
}];
}]);
// Konfigurasi Routing
app.config (['$ stateProvider', '$ urlRouterProvider',
Function ($ StateProvider, $ UrlRouterProvider) {
/*Routing URL*/
$ urlRouterProvider.otherwise ("/");
/*Konfigurasi Status*/
$ stateProvider
//halaman depan
.state ('index', {
URL: '/',
Tampilan: {
'': {
TemplateUrl: 'Views/Index/Index.html',
},
'header@index': {
TemplateUrl: 'views/header.html',
Pengontrol: 'HeaderController'
},
'footer@index': {
TemplateUrl: 'views/footer.html',
Pengontrol: ''
},
'weibo@index': {
TemplateUrl: 'Views/Index/Weibo.html',
Pengontrol: 'Weibocontroller'
},
'artikel@index': {
TemplateUrl: 'Views/Index/Article.html',
Pengontrol: 'Articlecontroller'
},
'Posting@index': {
TemplateUrl: 'Views/Index/Post.html',
pengontrol: 'postweibocontroller'
}
}
})
.state ('login', {
url: '/login',
Tampilan: {
'': {
TemplateUrl: 'Views/Login/Login.html',
Pengontrol: 'Logincontroller'
}
}
})
.state ('register', {
URL: '/Daftar',
Tampilan: {
'': {
TemplateUrl: 'Views/Register/Register.html',
Pengontrol: 'Registercontroller'
}
}
})
.state ('kontak', {
URL: '/kontak',
Tampilan: {
'': {
TemplateUrl: 'Views/Contacts/Contacts.html',
Pengontrol: ''
},
'header@contacts': {
TemplateUrl: 'views/header.html',
Pengontrol: 'HeaderController'
},
'userinfo@contacts': {
TemplateUrl: 'Views/Contacts/UserInfo.html',
Pengontrol: 'UserInfocontroller'
},
'peta@contacts': {
TemplateUrl: 'Views/Contacts/Map.html',
Pengontrol: 'MapController'
},
'cari@contacts': {
TemplateUrl: 'Views/Contacts/Search.html',
Pengontrol: 'SearchUserController'
}
}
})
.state ('uCenter', {
URL: '/uCenter',
Tampilan: {
'': {
TemplateUrl: 'Views/Ucenter/Ucenter.html',
Pengontrol: ''
},
'header@uccenter': {
TemplateUrl: 'views/header.html',
Pengontrol: 'HeaderController'
},
'userweibo@uccenter': {
TemplateUrl: 'Views/Ucenter/Weibo.html',
Pengontrol: 'Ucweibocontroller'
},
'userDetailInfo@uCenter': {
TemplateUrl: 'Views/Ucenter/User.html',
Pengontrol: 'ucusercontroller'
},
'footer@uccenter': {
TemplateUrl: 'views/footer.html',
Pengontrol: ''
}
}
})
.state ('artikel', {
url: '/artikel/: id',
Tampilan: {
'': {
TemplateUrl: 'Tampilan/Artikel/Artikel.html',
Pengontrol: ''
},
'header@artikel': {
TemplateUrl: 'views/header.html',
Pengontrol: 'HeaderController'
},
'artikel_content@artikel': {
TemplateUrl: 'Tampilan/Artikel/Article_content.html',
Pengontrol: 'ArticledetailController'
},
'footer@artikel': {
TemplateUrl: 'views/footer.html',
Pengontrol: ''
}
}
})
.state ('artikel_index', {
URL: '/artikel',
Tampilan: {
'': {
TemplateUrl: 'Tampilan/Artikel/Artikel.html',
Pengontrol: ''
},
'header@artikel_index': {
TemplateUrl: 'views/header.html',
Pengontrol: 'HeaderController'
},
'artikel_content@artikel_index': {
TemplateUrl: 'Tampilan/Artikel/Article_content.html',
Pengontrol: 'ArticledetailController'
},
'footer@artikel_index': {
TemplateUrl: 'views/footer.html',
Pengontrol: ''
}
}
});
}]);