14、人类发展指数应用开发指南

metal

于 2025-07-08 16:29:27 发布

阅读量5

点赞数

CC 4.0 BY-SA版权

分类专栏： D3.js数据可视化实战与技巧文章标签： Jekyll D3 Backbone

本文链接：https://blog.csdn.net/metal/article/details/149384188

D3.js数据可视化实战与技巧专栏收录该内容

22 篇文章 ¥399.00 ¥499.90

订阅专栏

超级会员免费看

人类发展指数应用开发指南

1. Jekyll本地服务搭建

Jekyll 能够帮助我们将页面模块化，分离各个组件，让我们更专注于编写页面的实际内容。同时，它还支持在本地运行生成的页面，并监控项目文件的变化。具体操作步骤如下：
1. 覆盖 baseurl 变量，使用本地地址替代配置文件中定义的值。由于地址是相对于项目目录的，我们可以将基础 URL 设置为空字符串：

$ jekyll serve --watch --baseurl=

在浏览器中访问 http://localhost:4000 ，即可使用我们的网站。

2. 应用组件创建

我们将 Backbone 应用组件与图表分离，把模型、集合、视图和设置文件放在 js/app 目录下，目录结构如下：

js/
  app/
    models/
      app.js
      country.js
    collections/
      countries.js
    views/
      country.js
      countries.js
    app.js
    setup.js

在 app.js 文件中，我们定义一个变量来存储应用的组件：