Skip to content

Commit c20ecde

Browse files
bsspiritbsspirit
committed
'init'
0 parents  commit c20ecde

File tree

14 files changed

+168
-0
lines changed

14 files changed

+168
-0
lines changed

‎.bowerrc‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"directory": "app/bower_components"
3+
}

‎.gitignore‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
node_modules
2+
bower_components
3+
dist
4+
.tmp
5+
.sass-cache
6+
.idea
7+
.tmp
8+
readme.txt
9+
metadata

‎README.md‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
快速搭建Web环境 Angularjs + Express3 + Bootstrap3
2+
========================
3+
4+
(http://blog.fens.me/angularjs-express3-bootstrap3/)[快速搭建Web环境 Angularjs + Express3 + Bootstrap3]
5+
6+
## Install
7+
8+
```{bash}
9+
npm install
10+
bower install
11+
```
12+
13+
## Running
14+
15+
```{bash}
16+
node app.js
17+
```
18+
19+
## License
20+
MIT
21+

‎app.js‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
var express = require('express')
2+
, path = require('path')
3+
, ejs = require('ejs')
4+
, app = express()
5+
, server = require('http').createServer(app);
6+
7+
app.set('port', process.env.PORT || 3000);
8+
app.set('views', __dirname + '/views');
9+
app.engine('.html', ejs.__express);
10+
app.set('view engine', 'html'); //修改文件扩展名ejs为html
11+
app.use(express.favicon());
12+
app.use(express.logger('dev'));
13+
app.use(express.bodyParser());
14+
app.use(express.methodOverride());
15+
app.use(app.router);
16+
app.use(express.static(path.join(__dirname, 'app')));
17+
18+
if (app.get('env') === 'development') {
19+
app.use(express.errorHandler());
20+
}
21+
22+
// angular启动页
23+
app.get('/', function (req, res) {
24+
res.sendfile('app/index.html');
25+
});
26+
27+
server.listen(app.get('port'), function () {
28+
console.log('Express server listening on port ' + app.get('port'));
29+
});
30+

‎app/index.html‎

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
<!DOCTYPE html>
2+
<html lang="zh-cn">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>Angular-basic</title>
6+
<meta name="description" content="Copyright http://blog.fens.me">
7+
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
8+
<link rel="stylesheet" href="styles/main.css">
9+
</head>
10+
<body ng-app="app">
11+
12+
<div class="container">
13+
<h2 class="text-primary">
14+
<a href="http://blog.fens.me/angularjs-express3-bootstarp3/">快速搭建Web环境 Angularjs + Express3 + Bootstarp3</a>
15+
</h2>
16+
<p>http://blog.fens.me/angularjs-express3-bootstarp3</p>
17+
18+
<div class="row">
19+
<div class=".col-lg-12">
20+
<div ng-view></div>
21+
</div>
22+
</div>
23+
</div>
24+
25+
<script src="bower_components/angular/angular.min.js"></script>
26+
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
27+
<script src="bower_components/angular-route/angular-route.min.js"></script>
28+
<script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
29+
<script src="scripts/angular/app.js"></script>
30+
<script src="scripts/angular/controllers.js"></script>
31+
32+
</body>
33+
</html>

‎app/scripts/angular/app.js‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
'use strict';
2+
3+
var app = angular.module('app', ['ngRoute']);
4+
5+
app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
6+
$routeProvider
7+
.when('/', {templateUrl: '/views/tpl/welcome.html', controller: 'WelcomeCtrl'})
8+
.otherwise({redirectTo: '/'});
9+
$locationProvider.html5Mode(true);
10+
}]);

‎app/scripts/angular/controllers.js‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
'use strict';
2+
3+
function WelcomeCtrl($scope){
4+
$scope.username = 'Conan_Z';
5+
}

‎app/styles/main.css‎

Whitespace-only changes.

‎app/views/tpl/welcome.html‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
<hr/>
2+
<form class="form-inline" role="form">
3+
<div class="form-group">
4+
<label>Welcome</label>
5+
<input type="text" class="form-control" ng-model="username" placeholder="Enter email">
6+
</div>
7+
</form>
8+
<p> {{ username }}</p>
9+
10+

‎bower.json‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
{
2+
"name": "angular-basic",
3+
"version": "0.0.1",
4+
"dependencies": {
5+
"angular": "~1.2.12-build.2226",
6+
"angular-route": "~1.2.12-build.2226",
7+
"bootstrap": "~3.1.0",
8+
"angular-bootstrap": "~0.10.0"
9+
},
10+
"devDependencies": {}
11+
}

0 commit comments

Comments
 (0)