vue + vue-router + vuex + vue-i18n + element-ui + egg + sequelize https://www.cnblogs.com/wuguanglin/p/stuer1.html Vue全家桶+Egg从0开发大型项目(一)搭建项目 项目大概是一个全栈的项目,使用的IDE是vscode(期间涉及一些插件.配置推荐),大概的项目技术栈: vue + vue-router + vuex + vue-i18n + element-ui + egg + s…

项目Github地址:前端(https://github.com/14glwu/stuer)后端(https://github.com/14glwu/stuer-server) 项目线上预览:http://stuer.ericwu.cn 前言 因为要开发本科毕设,做一个校友交流平台,正好想记录下整个开发过程,同时也分享给各位.当然那些需求调研的,前期设计的就省略啦. 项目大概是一个全栈的项目,使用的IDE是vscode(期间涉及一些插件.配置推荐),大概的项目技术栈: vue + vue-rou…

使用 eggjs 和 sequelize 进行开发,一些要注意的地方 1.egg 的 egg-sequelize 插件是 sequelize 的V4版本,目前已经更新到V5版本,API有一些变化,比如V5没有了findById等,需要注意. 2.配置时区,要将时区配置为东八区,否则自动插入 created_at 字段的时候会是0时区的时间 const sequelize = { dialect: 'mysql', host: '127.0.0.1', port: 3306, database:…

要egg文档最开始的时候,有这样的几条命令: 我们推荐直接使用脚手架,只需几条简单指令,即可快速生成项目: $ mkdir egg-example && cd egg-example $ npm init egg --type=simple $ npm i 其中的 npm init egg --type=simple 命令为什么能够生成egg项目的基本构架呢? 一.npm init命令 根据 https://www.npmjs.cn/cli/init/ 官网的解释: npm init &l…

本文将介绍如何基于 Egg.js 和 Serverless 实现一个后台管理系统 作为一名前端开发者,在选择 Nodejs 后端服务框架时,第一时间会想到 Egg.js,不得不说 Egg.js 是一个非常优秀的企业级框架,它的高扩展性和丰富的插件,极大的提高了开发效率.开发者只需要关注业务就好,比如要使用 redis,引入 egg-redis 插件,然后简单配置就可以了.正因为如此,第一次接触它,我便喜欢上了它,之后也用它开发过不少应用. 有了如此优秀的框架,那么如何将一个 Egg.js 的服务…

一．Egg.JS 简介 Egg.JS是阿里开发的一套node.JS的框架,主要以下几个特点: Egg 的插件机制有很高的可扩展性,一个插件只做一件事,Egg 通过框架聚合这些插件,并根据自己的业务场景定制配置,这样应用的开发成本就变得很低. Egg 奉行『约定优于配置』,目录名称规范,团队内部采用这种方式可以减少开发人员的学习成本, Node.遵循MVC框架 Mode 层对应server文件夹 View 层 对应view文件 Controller 对应 Controller文件夹4.其他 提供基…

问题: 公司有个工具型项目使用node.js 开发,需要部署到客户的服务器中,遇到的问题: 1.客户的服务器没有外网.环境配置,依赖安装等都比较麻烦,只能手工上传,最好能一个文件直接搞定: 2.直接包源码部署到客户的机器中,存在源码泄露的风险. 方案: 使用pkg npm包可以很好的解决我们以上的问题. 先参考前人的经验 : Egg.js线上部署——利用pkg打包Egg.js工程 pkg原理: pkg打包工具主要会按平台(支持window.mac.linux)分别打包. pkg中会包含node的…

  egg sequelize 建表规范 CREATE TABLE `wx_member` ( `id` ) NOT NULL AUTO_INCREMENT COMMENT 'primary key', `openid` varchar() DEFAULT NULL COMMENT 'openid', `session_key` varchar() DEFAULT NULL COMMENT 'session_key', `status` ) DEFAULT COMMENT 'status', `…

初始化 Vite 基于原生 ES 模块提供了丰富的内建功能,开箱即用.同时,插件足够简单,它不需要任何运行时依赖,只需要安装 vite (用于开发与构建)和 sass (用于开发环境编译 .scss 文件). npm i -D vite scss 项目配置 同时用 vite 开发插件和构建插件 demo,所以我创建了两个 vite 配置文件. 在项目根目录创建 config 文件夹,存放 vite 配置文件. 插件配置 config/vite.config.ts 插件配置文件 import {…

项目简介 vue3-element-admin 是基于 vue-element-admin 升级的 Vue3 + Element Plus 版本的后台管理前端解决方案,是 有来技术团队 继 youlai-mall 全栈开源商城项目的又一开源力作. 项目使用 Vue3 + Vite2 + TypeScript + Element-Plus + Vue Router + Pinia + Volar 等前端主流技术栈,基于此项目模板完成有来商城管理前端的 Vue3 版本. 本篇先对本项目功能.技术栈进…

只要接触过ts的前端同学都能回答出ts是js超集,它具备静态类型分析,能够根据类型在静态代码的解析过程中对ts代码进行类型检查,从而在保证类型的一致性.那,现在让你对你的webpack项目(其实任意类型的项目都同理)加入ts,你知道怎么做吗?带着这个问题,我们由浅入深,逐步介绍TypeScript.Babel以及我们日常使用IDE进行ts文件类型检查的关系,让你今后面对基于ts的工程能够做到游刃有余. TypeScript基本认识 原则1:主流的浏览器的主流版本只认识js代码 原则2:ts的代码…

前言 "纸上得来终觉浅,绝知此事要躬行."虽然node一直在断断续续地学,但总是东一榔头西一榔头的,没有一点系统,所以打算写一个项目来串联一下之前的学习成果. 为什么选择Eggjs呢?其实我觉得如果是个人开发或者小型项目Koa就足够轻量与灵活了,但是如果是有过团队开发的经历,就会更注重项目的管理.Eggjs项目相对于Koa我比较看中的有以下几点: 完善的文档,这意味不管是交接还是项目有新成员加入,直接把官方文档甩出去就行了,而且官方文档同时也是一个很好的学习材料: Egg 奉行『约定优…

最近包工头喊农民工小郑搬砖,小郑搬完砖后沉思片刻,决定写篇小作文分享下,作为一个初学者的全栈项目,去学习它的搭建,到落地,再到部署维护,是非常好的. ​ ------题记 写在前面 通过本文的学习,你可以学到 vue2.element ui.vue-element-admin在前端的使用 组件设计 echarts在前端中的使用 eggjs在后端node项目中的使用 docker一键化部署 需求分析 背景 近些年,网络诈骗案频发,有假扮家里茶叶滞销的茶花女,有假扮和男朋友分手去山区支教的女教师,有…

返回TS学习总目录 快速开始 我们通过创建一个简单的web应用来开始使用TypeScript.获得TS工具的方法主要有两种,一种是通过NPM(Node包管理器),另一种是通过VS2012安装TS的插件.VS2013 Update2默认已经包含了TS插件模板. VS2013的开发者: 为你的VS2013安装TS VS2015的开发者: 可以直接使用TS了 NPM用户: 执行命令 > npm install -g typescript 打开我的VS2015 Professional,打开扩展和更新,…

嵌入式Qt 4.7.1安装移植过程详解环境:Ubuntu 12.04VMware 9.0 qt软件包:qt-everywhere-opensource-src-4.7.1.tar.gz (飞凌自带) http://www.kuaipan.cn/file/id_111560663117095120.htm 访问密码:H17dXX 交叉工具链4.3.2(参照飞凌技术手册)Tslib库的安装(参照飞凌技术手册) 说明:前面的准备工作和飞凌技术手册当中的一样,因为飞凌没有给Qt 4.7.1的嵌入式版本的…

1.先在网上下载 tslib-1.4.tar.gz压缩包 2.然后在ubuntu编译: tar xzf tslib-1.4.tar.gz cd tslib ./autogen.sh mkdir tmp //创建安装目录 echo "ac_cv_func_malloc_0_nonnull=yes" >arm-linux.cache //设置参数 ./configure --host=arm-linux --cache-file=arm-linux.cache --prefix=$(…

2017 年开源中国社区新增开源项目排行榜 TOP 100 新鲜出炉! 这份榜单根据 2017 年开源中国社区新收录的开源项目的关注度和活跃度整理而来,这份最受关注的 100 款开源项目榜单在一定程度上预示着业界的最新流行趋势. 可以看到,前十名中有九个是国内开发者开发的开源项目,这个比例相比于去年已大大提高. 此外,榜单中的项目已经过筛选,均符合国际 OSI 批准的开源协议. 值得注意的是,今年关于人工智能的项目明显增加了不少,无论是 PHP.JavaScript 还是其他语言都诞生了相关的人…

目录 linux 触摸屏驱动 输入子系统怎么写? 触摸屏事件 事件分类 事件设置 硬件配置 设计思路 完整程序 测试 ts_lib 使用 问题小结 title: linux 触摸屏驱动 tags: linux date: 2018/12/6 18:16:08 toc: true --- linux 触摸屏驱动 触摸屏驱动也是使用了输入子系统的框架,同时可以联想一下,也可以结合一下platform总线架构.实际上给的例子也是这样的drivers/input/touchscreen/s3c2410_…

转发自segmentfault  https://segmentfault.com/a/1190000017346799 前端 1.数据驱动的高交互可视化图形语法 AntV - G2 G2 是一套基于可视化编码的图形语法,以数据驱动,具有高度的易用性和扩展性,用户无需关注各种繁琐的实现细节,一条语句即可构建出各种各样的可交互的统计图表. 同时,G2 也是 AntV 最重要的组成,始于<The Grammar of Graphics>一书描述的视觉编码语法系统(这也是 G2 项目命名的由来).…

4.TypeScript完全解读-接口 初始化tslint tslint --init:初始化完成后会生成tslint.json的文件 如果我们涉及到一些规则都会在这个rules里面进行配置 安装tslint的VSCode的拆件.因为我之前已经安装过了.左上角带个小星星,是推荐安装的 新建interface.ts文件.然后在index.ts内添加引用 视频中报的错误,我本机没有这个错误 提示错误,单引号应该是双引号,这个就是tslint的错误,一般是ts的错误后面前缀都是ts开头 把提示的那个错…

问题: 貌似cocos名气大一些?因为神经猫的大火才知道egret,玩了一下他们的demo,貌似性能一般,不过对flash开发者特别亲切.有人对比过这两个引擎吗?分析下 百牛信息技术bainiu.ltd整理发布于博客园 回答: 题主的问题是稳定和好用. 从稳定上来说,这两个目前都相对上稳定,绝对上不稳定.而好用大多数情况下是个人喜好吧?有些人以为 PHP 好用,而有些人以为 C++ 好用. 我做了2年 cocos2d-x 开发,主要基于 lua 和 cpp,没有研究过 js.触控目前对 lua…

上一篇介绍了集成ng-zorro的过程,本篇我们来看下如何用abp官方的生成器来生成前端代码. Abp官方提供了一个强大的代码生成器 ASP.NET Zero Power Tools,它的Visual Studio 插件在这里.当然你也可以不用插件,但你得自己创建json文件.相关官方文档见这里. 工作原理 生成器(vs插件)首先根据用户填写的Entity相关的内容创建一个json描述文件,然后开始将真正的代码生成核心程序释放到aspnet-core\AspNetZeroRadTool这个目录下…

项目 egg + sequelize + mysql2 项目结构 配置 安装模块 npm install --save egg-sequelize npm install --save egg-cors npm install --save mysql2 config/pulgin.js exports.sequelize = { enable: true, package: 'egg-sequelize', }; exports.cors = { enable: true, package:…

背景 最近在webpack项目里接入了Vite(dev mode),为开发提效.效果是真的猛. 项目启动速度提升70%-80%,HMR直接碾压webpack dev server 为了更加精准的计算收益,就需要将Vite启动相关的指标进行上报(启动时间,HMR,页面加载等等时间) 为此就要通过开发插件收集这些信息,然后通过埋点上报sdk上报到数据分析的平台 遇到的问题 通过查阅官方文档并未找到相关的钩子直接获取到这些指标 但在开发的时候添加 --debug就能很详细的看到所有资源的处理时间,HM…

如前文VS Code英汉词典插件v0.0.4-驼峰下划线命名打算, 首先将JS源码改为TypeScript实现, 并添加了必要的测试. 昨天得知vue.js 3.0会用TypeScript实现, 正好通过这个插件对TypeScript熟悉一下, 好为手工翻译Vue.js源码:尝试重命名标识符与文本转为对新版vue.js的源码翻译作准备. 源码暂时仍在分支未合并(现已合并): program-in-chinese/vscode_english_chinese_dictionary 改为TS实现参考…

如果是经常使用Node来做服务端开发的童鞋,肯定不可避免的会操作数据库,做一些增删改查(CRUD,Create Read Update Delete)的操作,如果是一些简单的操作,类似定时脚本什么的,可能就直接生写SQL语句来实现功能了,而如果是在一些大型项目中,数十张.上百张的表,之间还会有一些(一对多,多对多)的映射关系,那么引入一个ORM(Object Relational Mapping)工具来帮助我们与数据库打交道就可以减轻一部分不必要的工作量,Sequelize就是其中比较受欢迎的一…

对数据库的操作很多时候需要同时进行几个操作,比如需要同时改动几张表的数据,或者对同一张表中不同行(row)或列(column)做不同操作,比较典型的例子就是用户转账问题(A账户向B账号汇钱): 1 从A账号中把余额读出来. 2 对A账号做减法操作. 3 把结果写回A账号中. 4 从B账号中把余额读出来. 5 对B账号做加法操作. 6 把结果写回B账号中. 为了数据的一致性,这6件事,要么操作全部成功,要么全部失败回滚.这就是事务的一个特性:原子性.关于事务的四大特性(ACID)这里不做深究. 项…

如何在eggjs中引入 sequlize 安装 第一步,在项目中安装 egg-sequelize插件和mysql插件 npm install --save egg-sequelize mysql2 第二步,在config/plugin.js中开启 egg-sequelize插件,插入以下代码 exports.sequelize = { enable: true, package: 'egg-sequelize', }; 第三步,在config/config.default.js 中填写数据库链接…

xuld/原创 Custom transformer (自定义转换器)是干什么的 简单说,TypeScript 可以将 TS 源码编译成 JS 代码,自定义转换器插件则可以让你定制生成的代码.比如删掉代码里的注释.改变变量的名字.将类转换为函数等等. TypeScript 将 TS 代码编译到 JS 的功能,其实也是通过内置的转换器实现的,从 TS 2.3 开始,TS 将此功能开放,允许开发者编写自定义的转换器. 预备知识 语法树 语法树是用于表示语法的数据结构.具体请参考我的另一个篇文章:ht…

EasyNVR中有对录像进行检索回放的功能,且先抛开录像的回放,为了更好的用户体验过.让用户方便快捷的找到对应通道对应日期的录像视频,是必须的功能. 基于上述的需求,为前端添加一个日历插件,在日历上展示出所有的录像信息,用来告知用户那些日期有回放录像,那些日期不没有回放录像是很有要的. 如何实现日历插件展示出对应日期信息: 1.需要引入的控件 <script src="@@docroot/adminlte-2.3.6/plugins/moment/moment-with-locales.j…