Vue模板与指令


模板语法

​ Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析器解析。

在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。

如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,直接写渲染 (render) 函数,使用可选的 JSX 语法。

插值

文本

数据绑定最常见的形式就是使用“Mustache...

Read more

Vue基础


Vue简介

image-20220125022427030

  • Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。
  • Vue 只关注视图层, 采用自底向上增量开发的设计。
  • Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。
  • Vue 学习起来非常简单。

安装vue

  • 通过 @vue/cli 实现的交互式的项目脚手架。
  • 使用CDN引入例如:<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
  • 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用引...

Read more

大前端时代


大前端时代的来临

​ 1999年,XMLHttpRequest技术出现,谷歌使用其开发了Gmail和谷歌地图之后,XMLHttpRequest获得了巨大的关注。2006年,XMLHttpRequest被W3C正式纳入标准,同时有了新的名字——Ajax。

​ Ajax的出现不仅解决了早期前端的众多问题,同时将我们从Web网页时代带到了Web应用时代,也就是常说的Web 2.0时代,同时提出了前后端分离的概念。

​ Web网页时代与Web应用时代的区别是十分巨大的:

  • 在Web网页时代,网页都是服务端渲染的,服务器先渲染出HTML页面,之后糅合JS和CSS文件,再发送给浏览器,...

Read more

Django项目上线与部署


项目上线与部署

​ 目前,部署Django项目有两种主流方案:Nginx+uWSGI+Django和Apache+uWSGI+Django。Nginx或Apache作为服务器最前端,负责接收浏览器所有的HTTP请求并统一管理。静态资源的HTTP请求由Nginx或Apache自己处理;非静态资源的HTTP请求则由Nginx或Apache传递给uWSGI服务器,然后传递给Django应用,最后由Django进行处理并做出响应,从而完成一次Web请求。不同的计算机操作系统,Django的部署方法有所不同,随着技术的发展,Django的项目部署方式趋向多元化发展,比如Docker、云服务器和...

Read more

Django购物功能模块


购物功能模块

​ 项目babys的购物功能模块分为购物车页面和在线支付功能,购物车页面主要讲述如何将商品加入购物车并设置购买结算;在线支付功能以支付宝为例,讲述如何在项目中引入支付宝的支付接口。

购物车功能

​ 购物车页面分为3个功能区域:商品搜索功能、网站导航、商品的购买费用核算,如图9-1所示。商品的购买费用核算允许用户编辑商品的购买数量、选择购买的商品和删除商品,结算按钮根据购买信息自动跳转到支付页面。

从图9-1看到,商品搜索功能和网站导航在首页、商品列表页和商品详细页已实现,整个购物车页面最主要的是实现商品的购买费用核算,其功能说明如下:

(1)在商品详细页单击“加入...

Read more

Django商城后台管理


商城后台管理系统

​ Admin后台系统也称为网站后台管理系统,主要对网站的信息进行管理,如文字、图片、影音和其他日常使用的文件的发布、更新、删除等操作,也包括数据信息的统计和管理,如用户信息、订单信息和商品信息等。简单来说,它是对网站数据库和文件进行快速操作和管理的系统,以使网页内容能够及时地得到更新和调整。

Admin基本配置

​ 当一个网站上线之后,网站管理员通过网站后台系统对网站进行管理和维护。Django已内置Admin后台系统,在创建Django项目的时候,可以从配置文件settings.py中看到项目已默认启用了Admin后台系统,如图10-1所示。

​ 从图...

Read more

Django用户信息模块


用户信息模块

​ 项目babys的用户信息模块分为用户注册登录和个人中心页,用户注册登录均在同一个页面实现,如果用户不存在,则执行注册操作,反之则执行登录操作;个人中心页显示用户的基本信息和订单信息,而且订单信息需要设置分页显示。

内置User实现注册登录

​ 由于Django已内置了用户管理功能,即Auth认证系统,而且具有灵活的扩展性,可以满足多方面的开发需求。创建项目时,Django已默认使用内置Auth认证系统,在settings.py的INSTALLED_APPS、MIDDLEWARE和AUTH_PASSWORD_VALIDATORS中都能看到相关的配置信息。

​ ...

Read more

Django商品信息模块


商品信息模块

​ 项目babys的商品模块分为商品列表页和商品详细页,本章分别从页面的业务逻辑和数据渲染的角度深入讲述如何实现网站的商品列表页和商品详细页,并深入分析页面实现过程中所使用的技术要点。

商品列表页的业务逻辑

​ 商品列表页将所有商品以一定的规则排序展示,用户可以从销量、价格、上架时间和收藏数量设置商品的排序方式,并且在页面的左侧设置分类列表,选择某一分类可以筛选出相应的商品信息,网页效果如图7-1所示。

从图7-1可以看到,商品列表页的顶部设有商品搜索功能和导航栏,这部分功能已在模板文件base.html实现了;网页顶部下方划分为3部分:分类列表、排序设置和商品列...

Read more

认识数据分析


数据分析概念【来源于百度百科】

  • 数据分析是指用适当的统计分析方法对收集来的大量数据进行分析,将它们加以汇总和理解并消化,以求最大化地开发数据的功能,发挥数据的作用。数据分析是为了提取有用信息和形成结论而对数据加以详细研究和概括总结的过程。

  • 通俗来讲数据分析的目的是把隐藏在一大批看来杂乱无章的数据中的信息集中和提炼出来,从而找出所研究对象的内在规律。

  • 数据分析是数学和计算机科学相结合的产物。

数据分析的应用

​ 随着数据时代的蓬勃发展,越来越多的企事业单位开始认识到数据的重要性,并通过各种手段进行数据的搜集。

​ 例如,使用问卷调查法获取用户对产品的评价或改善意见...

Read more

MarkDown基础入门


# Markdown

Markdown简易入门教程
使用方式:点编辑README.md 文件就可以看到所有markdown格式,照着来用就行了    

# 标题一

## 标题二

### 标题三

#### 标题四

##### 标题五

###### 标题六

---

三空格+换行=换行   

*斜体*   

**粗体**   

***斜体加粗体***   

~~中划线~~   

++下划线++   

==标记==   

[超链接](http://www.zuolaoshi.com/)   

> 缩进   

- [ ] 未完成   
- [x] 已完成 ...

Read more