开始使用AngularJS+ExpressJS6月份开始搭建网站

但是这种方式，对于大型的网站，太麻烦了。推荐使用另一种方法，即使用AngularJS的另一个Moduleng-route进行路由控制，在同一个文件中为不同的路径定义各自的controller。如下：myAngularApp.js//DeclareangularJSlevelmodulewichdependssonfilters,andservicesvarmyApp=angular.module('myApp',['ngRoute','myControllers']);//routemyApp.config(['$routeProvider',function($routeProvider){$routeProvider.when('/',{templateUrl:'index.html',controller:'indexContrl'}).otherwise({redirectTo:'/404'});}]);值得注意的是，必须在myAppmoudle中引用ng-route，同时文件中必须引用angular-route.js文件，否则无法运行。这样index.html页面中的数据就会被indexContrl函数控制。这里只是一个简单的Demo，更多功能请参考文档。2.FilterAngularJS提供了filter函数，其实质就是我们定义一些常用的方法来格式化页面输出的数据。很方便。建议在开发时放在单独的Filter.js文件中。3.工厂服务也允许我们将一些通用的方法定义为服务。但是所有的服务都是惰性实例化的，只有在被使用或者依赖的时候才会实例化，而且都是单例。建议在开发时放在单独的Factory.js文件中。#p#2。ExpressJS在例子的前端，我们使用AngularJS框架来开发Html页面和对应的JS文件。但是网站的后台会用到其他的技术。如果我们要使用Node.js作为后台，很简单，http.createServer即可。但在真正的网站开发中，使用ExpressJS会更合适。ExpressJS是目前最流行的基于Node.js的Web开发框架。提供session、cookie等多种模块，可以快速搭建一个功能齐全的网站。ExpressJS本质上是基于Node.js内置的http模块开发的。ExpressJS和Nginx反向代理服务器的结合非常方便。这里ExpressJS的一个重要概念就是middleware中间件，它可以加载使用ExpressJS提供的很多模块或者其他模块作为中间件。它的作用是处理http请求。一个中间件处理完后，可以传递给下一个中间件。可以使用NPM下载ExpressJS。npminstallexpress如果你想快速使用ExpressJS搭建网站后台，推荐一个叫express-generator的工具，它可以帮助你快速搭建一个ExpressJS项目并生成必要的文件。npminstall-gexpress-generator但是到这里，我发现expressgenerator用到的模块还有很多，比如视图渲染的jade等等，有点复杂。我还是参考它，自己搭建一个最简单的ExpressJS项目。路径如下：public文件夹包含UI相关文件，如下：app.js是ExpressJS的起始文件，相当于main函数。app.jsvarexpress=require('express');varhttp=require('http');varpath=require('path');varroutes=require('./routes/index');varapp=express();app.use(express.static(path.join(__dirname,'public')));app.use('/',routes);http.createServer(app).listen(3000);这里使用ExpressJS创建一个server，注意第8行代码的作用是指定页面的文件夹，第10句的作用是在routes文件夹下的index文件中定义了路径/的路由信息??。这两句话的顺序不能错。路由/索引varexpress=require('express');varrouter=express.Router();/*GETHomepage.*/router.get('/',function(req,res,next){res.render('index',{title:'Express'});});module.exports=router;表示访问路径/，到public文件夹中找到index.html文件。这样nodeapp.js一条命令就可以挂网站了。3.示例结果和总结***访问网站，可以看到正确的结果，网站已经暂停，页面中的变量已经被AngularJS控制器替换为正确的数据。这是一个小问题。在最初的实验中，页面上的变量根本没有被替换。改了AngularJS库，改了controller的写法，花了好几个小时，都没用。***查了资料和文档，发现只有页面中有ng-view才会起作用。原来是这样的。..坑爹啊。..本文只介绍一个非常简单的AngularJS+ExpressJS建站实例。我希望对你有用:-)