Git Product home page Git Product logo

vue-element-admin's Introduction

项目说明

leewr.com / m.leewr.com 是处于兴趣所建,是自我前端技术的实践地。

项目包括pc站、h5站、app端(开发中)整站源码。项目后端采用egg.js+mysql搭建,pc最初的版本采用nunjucks模板渲染,后期采用vue ssr渲染(开发中)。移动端采用react开发,项目为多用户的个人社区(主要为我的文章发布站点)。

初期内容为pc端编辑发布(无后台管理系统),后期采用爬虫同步更新我的微信公众号文章。(已实现爬虫抓取内容)

项目结构

app: 为egg.js项目

m:移动端h5项目

android: 安卓端项目

admin: 管理系统

开发

Development

1、导入数据库 dadcbase

2、安装依赖

$ npm i
$ npm run dev
$ open http://localhost:7001/

Deploy

$ npm start
$ npm stop

记录

不断优化首页列表资源大小:

1、nginx开启gzip,并且statisc on;

2、打包开启gzip文件生成,对所有开启压缩

3、图片资源采用独立域名,处理浏览器只能同时处理6个请求的问题

3、nginx 设置图片filter_image 模块开启图片大小剪切aaaa_100x100.png类似格式

4、图片保存的时候开启webp图片格式存储,支持webp时候采用webp图片展示。

5、前端采用手动判断是否支持webp。(更新2018-12-17 nginx层判断webp支持情况)

6、nginx支持对webp图片格式的剪裁 / 2018-12-11 nginx 更换图片剪裁方式 lua + imageMagic。

Todo react ssr、 service worker 支持 2018-12-21

修改爬虫发布的逻辑,如果7天未操作自动入库。

2018-12-22 添加redis缓存列表数据、前端sessionStorage缓存接口数据

感想

这些年就想在互联网上做一点点自己的东西,所以做了这个一个站点。陆陆续续的不断完善中。

vue-element-admin's People

Contributors

aisen60 avatar ansonhorse avatar cat7373 avatar dongsuo avatar echofly avatar frank10000 avatar godotg avatar happystory avatar itsccn avatar jiuwuxiaohun avatar leij1ang avatar liugq5713 avatar marxangels avatar mayunhai avatar mimimile avatar monkeycf avatar painnick avatar panjiachen avatar reuwi avatar ruochuan12 avatar spiritree avatar sunchenguang avatar tmpbook avatar tuandm avatar wyudong avatar xqbumu avatar yamelsenih avatar yugasun avatar yuntao1997 avatar zyszys avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.