Javascript 使用Angular JS时，我应该首先开发什么

您好，我是AngularJS的新手，非常喜欢它的外观，据我所知，AngularJS似乎是一个在前端运行的MVC，而不是使用后端语言来管理它

因此，我正在尝试创建一个非常简单的列表应用程序，它将在前端显示列表项，然后在后端将这些项发布到数据库

对于Angular JS，我真的不知道从哪里开始，因为我无法想象首先为数据库调用编写PHP

在开发Angular JS应用程序时，您是否先从Angular的前端和MVC组件开始，然后再添加数据调用

我不是说这是自以为是，但是我只是想知道你是否构建了前端组件，然后在之后连接数据方法

谢谢，尼克。步骤：

设计一个UI表单

然后使用angular提供的绑定功能从UI向控制器获取值

使用HTTP从控制器发布值

SpringMVC或Rest可用于从角度端获取值到数据库插入阶段的其余操作

---

这个命令确实是任意的。最近我已经完成了我的第一个AngularJS应用程序，所以我了解你的难题。。。你可以按照我的方式：

准备一个类似于

app.js

的文件并初始化整个应用程序（使用

angular.module

）

准备

index.html

，包括所需的脚本/样式和

（或者

，请参见步骤3了解差异）作为所有视图的占位符

思考您将需要哪些视图以及它们之间的哪些转换将很好地工作。然后为每个视图准备

xxx.html

模板，并使用

ducatsApp.config

描述视图之间的转换（您可以使用

routeProvider

或

stateProvider

，在后一种情况下，index.html中的视图占位符应称为

）。使用

$urlRouterProvider为错误链接准备特殊路由。否则

测试你的路线

为所有控制器准备文件，如

controllers.js

——在步骤3中创建的每个非静态视图都应该有一个控制器

内部控制器使用

$scope

与视图通信，并使用

$http

与后端通信，例如：

this.getUsers = function() {

    return $http({
        method: 'GET', 
        url: "/users",
        headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'}
    });
};

出于学习目的，您可以使用

$httpBackend

模拟后端。这是一个很好的角度框架特性。请记住，

$httpBackend

捕获所有http请求尝试，因此您至少必须为html视图创建一个例外，例如：

$httpBackend.whenGET（/^\/views\/）.passThrough（）。
然后您可以将http请求处理放在
backend.js
中，如下所示：

$httpBackend.whenGET('/users').respond(function(method, url, data) {
    return [200, getUsers()]; 
});

并实现模拟服务器行为的相应功能（如上面的

getUsers（）

）。因此，您不需要实现任何真正的后端，您可以练习JavaScript

在

backend.js

内部，您可以使用

sessionStorage

或

localStorage

HTML5功能，如果您想模拟非常小的数据存储，这一功能非常完美

您还可以确定几个控制器可能常用的一些功能。这些功能可以单独放在

services.js

文件中。但这并不是启动和运行应用程序所必需的

---

如果您遵循这些指导原则，就可以在客户端实现类似E2E的web应用程序。

这确实是一个意见问题。你可以按你喜欢的顺序写。欢迎来到天使世界！查看egghead.io网站，这是一个可以阅读更多关于angular的信息的绝佳地方