发表于: 2017-05-31 23:41:25

1 962


1、任务5的配置说明,写给卡在这里的小伙伴。

Js文件:

$.ajax({type: "post",

url: "/carrots-admin-ajax/a/login",

data: {"name": name, "pwd": password},

dataType: "json",

success: function (data) { $(".tip").text(data.message); }  //成功返回的提示

这段比较基础就不多说了。

Nginx内,.conf文件配置:

    server {

        listen       80;

        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {

root   XX:\XX;         //自己放置代码的文件夹,注意“\”后面不能是tr等转义符字母,否则不识别,自己百度下。主html文件,改名为index.html,便于识别。

index index.html index.htm;

location /carrots-admin-ajax/{       //任务接口要求,增加这一段进去。

proxy_pass http://dev.admin.carrotsNaNteng.com/;

}

本地配置好之后,浏览器输入localhost,不再是welcome界面,而是你自己的任务网页,进行登录后会返回相应的提示就表示对接成功了。

然后是代码上传服务器进行验证,使用官网服务器的,应该可以直接使用(官网服务器本身已经将nginx配制好)。使用自己服务器的会比较麻烦,需要配制服务器的nginx,另外使用虚拟云主机基本是没有办法配制的。

2、看了部分AngularJS资料,发现慕课网下面评论全是吐槽版本太低,匹配度太差的问题,感觉迷失了方向。

2.1AngularJS简介

放弃了IE8支持,引用单向数据绑定,删掉了一堆过时的APIMSAngularJS2准备?

2.2、四大核心特性

MVC,模块化,指令系统,双向数据绑定  //后面2个为特有

2.3AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。

AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML

2.4AngularJS 通过 ng-directives 扩展了 HTML

ng-app 指令定义一个 AngularJS 应用程序。

ng-model 指令把元素值(比如输入域的值)绑定到应用程序。

ng-bind 指令把应用程序数据绑定到 HTML 视图。

AngularJS 指令是以 ng 作为前缀的 HTML 属性。

ng-init 指令初始化 AngularJS 应用程序变量。

(使用 ng-init 不是很常见。控制器一章中学习到一个更好的初始化数据的方式)

比如:

<div ng-app="" ng-init="firstName='John'">

<p>姓名为 <span ng-bind="firstName"></span></p>  //实际输出为“姓名为 John

HTML5 允许扩展的(自制的)属性,以 data- 开头。

AngularJS 属性以 ng- 开头,但是您可以使用 data-ng- 来让网页对 HTML5 有效。

<div data-ng-app="" data-ng-init="firstName='John'">

<p>姓名为 <span data-ng-bind="firstName"></span></p>  //多加了data-,输出一样,有什么意义?

2.5AngularJS 表达式

AngularJS 表达式写在双大括号内:{{ expression }}//直接写是这样,如果在元素标签内,需增加ng-属性。比如//左右两边输出是等价的。

<div ng-app="" ng-init="quantity=1;cost=5">

<p>总价: {{ quantity * cost }}</p> // <p>总价: <span ng-bind="quantity * cost"></span></p>

AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。

AngularJS 将在表达式书写的位置"输出"数据。

AngularJS 表达式很像 JavaScript 表达式:它们可以包含文字、运算符和变量。

实例 {{ 5 + 5 }} {{ firstName + " " + lastName }}

2.6AngularJS 模块(Module) 定义了 AngularJS 应用。

AngularJS 控制器(Controller) 用于控制 AngularJS 应用。

ng-app指令定义了应用, ng-controller 定义了控制器。

3、写了任务6的部分网页。

4、发现任务5验收标准还需要增加js实现功能,且需要对表单内容进行校验,重新写了一部分。

困难:没有学员服务器,自己使用的是虚拟云,上传代码完成任务比较困难,明天看看是否购买服务器或者官网服务器,便于完成后续的各项任务。

收获:大致搞懂nginx是怎么配置和实现反向跨域传递。AngularJS有一点了解。

计划:明天完成任务5,继续学习AngularJS相关知识,开启任务6



返回列表 返回列表
评论

    分享到