# fixedassets

**Repository Path**: frontwork/fixedassets

## Basic Information

- **Project Name**: fixedassets
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-07-27
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 城市文化云

# 项目技术环境概述 

* 使用 vscode 开发环境
* 本项目集成了 eslint 代码规范，vscode 中使用 setting 中 autoFixOnSave": true，确保保存文件时自动按指定 eslint rule 进行自动修复
* 本项目基础前端框架采用 vue/nuxt
* UI组件库使用 vuestrap，内置了 boostrap4 样式表；本项目无需 jquery 和 bootstrap.js
* 服务端调用引用的 plugins/spost，和沃行销，沃津眼调用方法完全一致

# 新老关系策略

* 保持原有网站的样式，风格
* 将原来网站分解，vue 组件化
* 各个 vue 组件对 js 控制部分更改为 vue 方式
* 各个 vue 组件调用后台接口供应动态数据渲染
* 对于原先使用 jquery 方式设置 ID 然后 $(id) 设置事件处理器的，改成 Vue 方式，原先设置的 id/class 保持不变(防止还有引用)
* 只保留原先的第三方js库，应用本身的js代码全部纳入vue
* 原有 id,name 等值vue化后不用了，对值后面添加_ 使得原有老 jq 代码失效
* 老项目的 STATIC 目录不进入到本项目版本管理，保持不变，开发部署时放到 static 目录下，也就是 static/STATIC
* ajax.load 的代码需要改造，接口只提供数据，不带页面

# 指导安排
* 导航栏中：首页，文化资讯，文化活动做范例，能静态跑通；其他项目参照同样方法由其他人纳入 Vue 项目，组件拆解
* 首先保证能静态跑通，所有 css, js 库能加载齐全

# 迁移到 vue 架构过程
* 下载本项目，yarn 安装第三方依赖
* 拷贝原系统 STATIC 目录到本项目 static/STATIC 位置，本目录内容不纳入版本控制，也严禁修改
* 原有页面路径对应 vue/nuxt 页面路径，完全不变
* 将原有页面内容拆分成不同的 vue 组件，在 components 中为每页单独设立子目录，归属组件放入期内
* 从原网站 debug 模式 elements 中选中区域拷贝，考到 vsc 新建 vue template 中，vsc 设置 html 格式命令排版，再改成 vue 格式命令排版
* 将原有页面特有css,js(非公共，非第三方)通过 nuxt head 纳入
* 研究其中的 js，将其中功能移植到 vue 中，完全移植完该 js 的引用注释掉


## Build Setup

``` bash
# install dependencies
$ npm -g install yarn
$ yarn install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm start

# generate static project
$ npm run generate
```

For detailed explanation on how things work, checkout the [Nuxt.js docs](https://github.com/nuxt/nuxt.js).