/* drupal-7.54/.htaccess drupal-7.54/.gitignore /var/www/drupal7 四、 创建上传目录 mkdir /var/www/drupal7/sites...rwx -m u:ubuntu:rwx /var/www/drupal7/sites/default/files 过程中需要添加acl属性 其中将该上传目录用户设为www-data主要是为了让Drupal...五、创建站点配置文件 cp /var/www/drupal7/sites/default/default.settings.php /var/www/drupal7/sites/default/settings.php...chmod 666 /var/www/drupal7/sites/default/settings.php 六、 创建Drupal7的Mysql数据库 mysqladmin -u root -p create...服务才能使修改生效 service apache2 restart 八、 安装必需的PHP拓展 apt-get install php5-gd 九、 浏览器安装 http://你的主机的ip地址 打开浏览器,在地址栏中输入上面的地址
,只能在字符串模板中用驼峰的方式使用组件, // 7、但是在普通的标签模板中,必须使用短横线的方式使用组件 Vue.component('HelloWorld', { data...然后子组件用属性props接收 在props中使用驼峰形式,模板中需要使用短横线的形式字符串形式的模板中没有这个限制 {{pmsg}}...template: ` ### 3、 在子组件模板中...实现列表组件删除功能 从父组件把商品列表list 数据传递过来 即 父向子组件传值 把传递过来的数据渲染到页面上 点击删除按钮的时候删除对应的数据 给按钮添加点击事件把需要删除的id传递过来 子组件中不推荐操作父组件的数据有可能多个子组件使用父组件的数据...实现组件更新数据功能 上 将输入框中的默认数据动态渲染出来 输入框失去焦点的时候 更改商品的数量 子组件中不推荐操作数据 把这些数据传递给父组件 让父组件处理这些数据 父组件中接收子组件传递过来的数据并处理
它可以在 Windows、Linux、Solaris、M ac OS X 等多种操作系统下安装 使用,支持多语言:英文、简体中文、繁体中文、韩文、俄文、日文等。 Drupal7 安装准备工作 1....在 settings.php (修改只读权限) 中 末尾添加这一句: $conf[‘drupal_http_request_fails’] = FALSE; 4....创建用户文件目录:在 sites/default 目录下新建一个目录,名为 files 5....可在浏览器中访问:http://localhost:8080/drupal7,进入 drupal7 安装配置界面。 Drupal7 安装配置过程 1. 选择安装方式: Standard! 2....安装完成 注: 在安装过程中有时由于安装翻译等步骤执行时间过长, 会出现超时错误, 解 决办法:打开 php.ini 文件,找到 max_execution_time,将后面的数字改成你 想要的时间(例如
install tasksel 安装LAMP服务(Apache2、Mysql和PHP) sudo tasksel install lamp-server 创建Drupal7的工作目录 sudo mkdir...启用Apache2的ReWrite模块 sudo a2enmod rewrite sudo service apache2 restart 更多详情见请继续阅读下一页的精彩内容: http://www.linuxidc.com...如果该命令不起作用,可以百度一下,在/etc/fstab文件中的相关目录添加acl属性即可。这里就不再多讲了。...7、浏览器安装 http://drupal7.linuxidc.me/install.php 打开浏览器,在地址栏中输入上面的地址,根据提示进行安装。...Drupal 的详细介绍:请点这里 Drupal 的下载地址:请点这里 更多Ubuntu相关信息见Ubuntu 专题页面 http://www.linuxidc.com/topicnews.aspx?
创建 python manage.py startapp 子应用名称 # 例如创建一个user子应用模块 ''' cd ~/Desktop/code/demo python manage.py startapp...''' 定义路由URL 在子应用中新建一个urls.py文件用于保存该应用的路由。 在users/urls.py文件中定义路由信息。...调用模板两步骤: loader.get_template(模板文件在模板目录中的相对路径)–> 返回模板对象 模板对象.render(contex=None,request=None)–>返回渲染后的...%} 子模板:{%extends “父模板路径”%} 写在子模板文件的第一行 七、数据库 ORM框架: 通过类和类对象就能操作它对所对应的表格中的数据 根据设计的类自动生成数据库中的表格 数据库迁移:...#图书管理器 class BookInfoManager(models.Manager): def all(self): #默认查询未删除的图书信息 #调用父类的成员语法为:super().方法名
在列表页中点击"增加"可以进入增加页,Django会根据模型类的不同,生成不同的表单控件,按提示填写表单内容后点击"保存",完成数据创建,创建成功后返回列表页。 ?...点击执行后进入确认页面,删除后回来列表页面。 4.自定义管理页面 在列表页只显示出了BookInfo object,对象的其它属性并没有列出来,查看非常不方便。...Django提供了自定义管理页面的功能,比如列表页要显示哪些值。 打开booktest/admin.py文件,自定义类,继承自admin.ModelAdmin类。...这样定义就太麻烦了吧,因为定义字符串是不会出任何效果和错误的,如果有一个专门定义前端页面的地方就好了。 解决问题的技术来了:模板。...在Django中,将前端的内容定义在模板中,然后再把模板交给视图调用,各种漂亮、炫酷的效果就出现了。
单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。...单页Web应用,顾名思义,就是只有一张Web页面的应用。浏览器一开始会加载必需的HTML、CSS和JavaScript,之后所有的操作都在这张页面上完成,这一切都由JavaScript来控制。...示例一节中展示了两种场景中的组件使用情况。 要使用一个子组件,我们需要在父组件中导入它。...这是因为每当你使用一个组件,就创建了一个新的实例。 在单文件组件中,推荐为子组件使用 PascalCase 的标签名,以此来和原生的 HTML 元素作区分。...我们会发现有时候它需要与父组件进行交互。例如,要在此处实现 A11y 的需求,将博客文章的文字能够放大,而页面的其余部分仍使用默认字号。
c=content.objects.get(id=1) c.author.name # 拿着多表中的id直接取1表中的值即可 *** 接着在admin中添加管理数据表页面的话可以这样做 先导入...*** 简单的案例,用orm模型从数据库取出数据,然后展示到前台模板上, 1.首先定义book的url 2.定义每一本图书的详情页url 3.book页面展示所有的图书 4.点击展示的图书后可以进入到每一本图书的详情页面...,详情页面有图书的详细信息 5.开始实现 *** 1.其实实现起来还是蛮简单的,先定义两个视图函数, 一个是books展示页,还有一个是图书的详情页detail, 2.接着定义url,两个url...一个是books的url还有一个是books/图书详情页的url,因为详情页是动态的,所以用变量bid来表示,接着回到视图页面中 3.views中,先写books图书展示页, 注意哦,...先导入models里面的模型, from . import models, 接着通过orm模型从数据库中取出数据然后render给前台模板,总体代码是这样的 *** # 显示图书信息 def
1.首先我在pycharm中dj目录下新建了一个项目,名字为day06, 然后在里面又添加了book_manage,front,这两个app,然后新建了静态样式目录static,还有模板文件夹templates...,然后分别在新建的app中创建了urls.py,用于url的映射 2.接着在setting中设置了数据库信息->databases,并添加了base.css样式文件,放在了static文件中,在setting...最末行添加了,STATICFLIES_DIRS=[os.path.join(BASE_URL,’static’)] 用于静态文件确定静态文件能够被模板正确的调用,在DIRS中设置了模板文件夹为创建好的templates...主模板文件,后面的模板文件直接用 {% extends ‘base.html’%} 继承,然后在body部分溜了个{% block content %}{%endblock%}接口给后面的子模板增加功能...,因为整体的页头页脚都是不变的, ##建立的html文件有 base.html # 主模板,用于后面子页继承 {% load static %}
一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载。...: 初次加载耗时多:为实现单页 Web 应用功能及显示效果,需要在加载页面的时候将 JavaScript、CSS 统一加载,部分页面按需加载; 前进后退路由管理:由于单页应用在一个页面中显示所有的内容,...可以在钩子函数 created、beforeMount、mounted 中进行调用,因为在这三个钩子函数中,data 已经创建,可以将服务端端返回的数据进行赋值。...但是本人推荐在 created 钩子函数中调用异步请求,因为在 created 钩子函数中调用异步请求有以下优点: 能更快获取到服务端数据,减少页面 loading 时间; ssr 不支持 beforeMount...在钩子函数 mounted 被调用前,Vue 已经将编译好的模板挂载到页面上,所以在 mounted 中可以访问操作 DOM。
DOM到虚拟DOM涉及到Vue中的模板编译原理,主要过程:将模板转换成ast 树,ast 用对象来描述真实的JS语法(将真实DOM转换成虚拟DOM)优化树将ast 树生成代码Vue 子组件和父组件执行顺序加载渲染过程...:父组件 beforeCreate父组件 created父组件 beforeMount子组件 beforeCreate子组件 created子组件 beforeMount子组件 mounted父组件 mounted...:为实现单页 Web 应用功能及显示效果,需要在加载页面的时候将 JavaScript、CSS 统一加载,部分页面按需加载;前进后退路由管理:由于单页应用在一个页面中显示所有的内容,所以不能使用浏览器的前进后退功能...beforeMount(挂载前):在挂载开始之前被调用,相关的render函数首次被调用。实例已完成以下的配置:编译模板,把data里面的数据和模板生成html。此时还没有挂载html到页面上。...,也就是基于data声明过,或者父组件传递过来的props中的数据进行计算的。
在SSR中,前端分成2部分:前端客户端、前端服务端 前端服务端,用于发送ajax,获得数据 前端客户端,用于将ajax数据和页面进行渲染,渲染成html页面,并响应给调用程序(浏览器、爬虫)...1.4 SPA和SSR对比 SPA单页应用程序 SSR服务器端渲染 优势 1.页面内容在客户端渲染 2....,可以采用 _.vue进行处理 4.6 嵌套路由(知道) 创建嵌套子路由,你需要添加一个 父组件Vue 文件,同时添加一个与该文件同名的目录用来存放子视图组件。...视图 5.1 默认模板(了解) 定制化默认的 html 模板,只需要在应用根目录下创建一个 app.html 的文件。 默认模板: 在渲染页面之前获取数据填充应用的状态树(store) head 配置当前页面的head标签,整合第三方css、js等。
1.Django 1.1创建Django项目 这一命令必须熟记于心: django-admin startproject 项目名 1.2 创建子应用 1.在工作中我们要开发很多项目,肯定需要很多模块,创建子应用肯定也需要掌握...2.创建完子应用中之后,千万不要忘记去INSTALLED_APPS中进行注册,这个参数在setting文件中。...2)返回的时候用到了 HttpResponse这一命令返回响应对象 1.3.2url地址的配置 1.在子应用中的urls.py文件中设置当前子应用中url地址和视图对应关系 urlpatterns =...url地址中的参数,我们如果想要获取可以在子应用中的urls文件中进行设置 还可以像 (?...创建图书信息并添加进数据表中 3.
mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。对 SPA 单页面的理解,它的优缺点分别是什么?...一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载。...:为实现单页 Web 应用功能及显示效果,需要在加载页面的时候将 JavaScript、CSS 统一加载,部分页面按需加载;前进后退路由管理:由于单页应用在一个页面中显示所有的内容,所以不能使用浏览器的前进后退功能...slot又名插槽,是Vue的内容分发机制,组件内部的模板引擎使用slot元素作为承载分发内容的出口。插槽slot是子组件的一个模板标签元素,而这一个标签元素是否显示,以及怎么显示是由父组件决定的。...作用域插槽:默认插槽、具名插槽的一个变体,可以是匿名插槽,也可以是具名插槽,该插槽的不同点是在子组件渲染作用域插槽时,可以将子组件内部的数据传递给父组件,让父组件根据子组件的传递过来的数据决定如何渲染该插槽
查询出最新的文章 自定义: [is_home] => 1 ,[is_page] => 1 阅读设置:为自定义页面的时候 查询出来是设置的页面 11.搜索页的查询 [is_serch] => 当前页是搜索页...错误页【404】页面的查询 [is_404] => 当前页是404页 没有[query_object]的字段 [posts] [post] 里面都为空 13....the_category用于在文章页或归档页的文章列表中输出当前文章所属分类, 即使有多个分类也会一并输出。...② $parents 字符串值,默认为空 指定父分类的显示方式,可选值如下: 空值:不输出父分类; multiple:父分类和子分类都是单独的链接,但处于同一个li元素中; single:不输出父分类链接...,但父分类的名称会出现在子分类链接锚文本中; ③ $post_id 整数型,默认值:false 文章的ID,默认使用当前文章ID。
一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载。...:为实现单页 Web 应用功能及显示效果,需要在加载页面的时候将 JavaScript、CSS 统一加载,部分页面按需加载;前进后退路由管理:由于单页应用在一个页面中显示所有的内容,所以不能使用浏览器的前进后退功能...2. inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。3. update:被绑定于元素所在的模板更新时调用,而无论绑定值是否变化。...(2)模板模板方面没有大的变更,只改了作用域插槽,2.x 的机制导致作用域插槽变了,父组件会重新渲染,而 3.0 把作用域插槽改成了函数的方式,这样只会影响子组件的重新渲染,提升了渲染的性能。...子组件更新过程父beforeUpdate->子beforeUpdate->子updated->父updated父组件更新过程父 beforeUpdate -> 父 updated销毁过程父beforeDestroy
Vue 单页应用与多页应用的区别概念:SPA 单页面应用(SinglePage Web Application),指只有一个主页面的应用,一开始只需要加载一次 js、css 等相关资源。...MPA 多页面应用 (MultiPage Application),指有多个独立页面的应用,每个页面必须重复加载js、css 等相关资源。多页应用跳转,需要整页资源刷新。...另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。易用性:vue 提供数据响应式、声明式模板语法和基于配置的组件系统等核心特性。...beforeMount(挂载前):在挂载开始之前被调用,相关的render函数首次被调用。实例已完成以下的配置:编译模板,把data 里面的数据和模板生成html。此时还没有挂载html 到页面上。...子组件 beforeDestroy子组件 destroyed父组件 destoryedcreated 和mounted 的区别created:在模板渲染成 html 前调用,即通常初始化某些属性值,然后再渲染成视图
这是推荐的方法,因为它会允许你在创建新页面的时候创建一个层次结构。 从XWiki 企业2.4开始,对于用户和应用程序能够提供模板来创建页面。新页面的内容(内容,对象和其他元数据)会从模板进行复制。...默认情况下,新的页面将作为当前页面的子页面来创建。如果你不希望出现这种情况,那么你通过使用文档选择器(通过选择现有的父节点)更改目标页面的位置。...如果你目的是建立主页的孩子(主页通常没有这种情况),那么你可以使用文件选择器中选择首页作为新页面的父节点。 你也可以选择模板。 一旦你单击“创建”按钮,你就能直接进入新页面的编辑页面。...image.png image.png XML XWiki允许在XML中暴露的页面。这通常不是很有用的,但是当你想要写一个工具,可以自动解析一个页面的内容,这将有用。...这种方式下,重命名操作页面的层级将被保留。如果你选择保留当前路径下的子页面,那么他们将成为“孤儿页面”:他们仍然会使用相同的URL访问,但他们将有一个缺失父页面(你可以通过创建父页面解决这个问题)。
功能模块 一般项目里面详情页的内容最多,我们就以以 objc中国 的详情页面为例 ? 上图左边是详情页,右图是按照功能区分的图,我们把整个页面划分为6个子组件。 ? 从上往下依次展开,见上图。 ?...>复制代码 在 child 组件的 props 中声明了一个 msg 属性,在父组件中利用这个属性把值传给子组件。...如果替换插槽元素中有一个顶级元素,且顶级元素的第一子节点为 DOM 元素,且该节点有 v-if 指令,且 slot 元素中有内容,则替换模板将增加 v-else 模板放入插槽中的内容。...如果 v-if 指令为 false,则渲染 else 模板内容。 子向父传递 子组件要把数据传递回父组件,方式很单一,那利用自定义事件!...现在前端比较火的一种应用就是单页Web应用(single page web application,SPA),顾名思义,就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的
还有一些,特别是基于 JavaScript 的应用,使用 JSON,尽管它有许多人抗议(例如,这位作者 和 这位其他作者)。...安装 Groovy 由于 Groovy 是基于 Java 的,它也需要安装 Java。你可能会在你的 Linux 发行版的软件库中找到最近的、合适的 Java 和 Groovy 版本。...下面是一个简短的 Groovy 程序,名为 config1.groovy,它创建了一个 JsonSlurper 实例,然后调用其中的 parse() 方法来解析文件中的 JSON,并将其转换名为 config...假设上面的配置是标准的,而用户只想覆盖其中的一点,只想覆盖 vm 结构中的 ip 和 memory 值,并把它放在 userConfig.json 文件中: { "vm": { "ip": "201.201.201.201...眼尖的读者会注意到,我没有检查畸形的 JSON,也没有仔细确保用户的配置是有意义的(不创建新字段,提供合理的值,等等)。所以用这个递归方法来合并两个映射在现实中可能并不那么实用。
领取专属 10元无门槛券
手把手带您无忧上云