发表于: 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; //自己放置代码的文件夹,注意“\”后面不能是t、r等转义符字母,否则不识别,自己百度下。主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.1、 AngularJS简介
放弃了IE8支持,引用单向数据绑定,删掉了一堆过时的API,MS为AngularJS2准备?
2.2、四大核心特性
MVC,模块化,指令系统,双向数据绑定 //后面2个为特有
2.3、AngularJS 是一个 JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。
AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。
2.4、AngularJS 通过 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.5、AngularJS 表达式
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.6、AngularJS 模块(Module) 定义了 AngularJS 应用。
AngularJS 控制器(Controller) 用于控制 AngularJS 应用。
ng-app指令定义了应用, ng-controller 定义了控制器。
3、写了任务6的部分网页。
4、发现任务5验收标准还需要增加js实现功能,且需要对表单内容进行校验,重新写了一部分。
困难:没有学员服务器,自己使用的是虚拟云,上传代码完成任务比较困难,明天看看是否购买服务器或者官网服务器,便于完成后续的各项任务。
收获:大致搞懂nginx是怎么配置和实现反向跨域传递。AngularJS有一点了解。
计划:明天完成任务5,继续学习AngularJS相关知识,开启任务6。
评论