首页 1.10-创建项目
文章
取消

1.10-创建项目

Vue

1
vue create traveling_vue

/src

./assets

​ ./style // 全局样式

1
2
3
4
5
6
// App.vue中使用

<style lang="less">
// 公共样式
@import "./assets/style/common.less"; 
</style>

./components // 组件库

​ ./common // 可复用的全局组件

​ ./… // 其他组件

./utils

​ ./apis.js // 全局接口

​ ./constans.js // 全局常量

​ ./filters.js // 全局注册过滤器

1
2
3
4
5
6
// main.js中注册

import * as filters from './utils/filters'

// 注册过滤器
Object.keys(filters).forEach(k => Vue.filter(k, filters[k]))

实现全局引用VantUI库

main.js

1
2
3
4
5
6
7
8
9
10
11
12
import * as filters from './utils/filters'
// VantUI组件库
import Vant from 'vant'
import 'vant/lib/index.css'

// VantUI组件库
Vue.use(Vant)

Vue.config.productionTip = false

// 注册过滤器
Object.keys(filters).forEach(k => Vue.filter(k, filters[k]))

关闭eslint语法对于{ }内空格的限制

package.json

1
2
3
4
5
  "eslintConfig": {
      "rules": {
      "object-curly-spacing": 0
    }
  },

Django

设计数据库模型

系统模块:轮播图、用户反馈

景点模块:景点、景点详情、景点评论

用户模块:用户、用户详细信息、登陆历史

订单模块:订单、订单明细、支付相关

连接数据库(traveling_django/settings.py)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
DATABASES = {
    # 'default': {
    #     'ENGINE': 'django.db.backends.sqlite3',
    #     'NAME': BASE_DIR / 'db.sqlite3',
    # }
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'traveling',
        'USER': 'root',
        'PASSWORD': 'Paul34252780*',
        'HOST': '119.91.211.91',
        'PORT': '3306',
    }
}
本文由作者按照 CC BY 4.0 进行授权