card

card copied to clipboard

一个简单的图片处理网站

提交日志

2017-6-18 9：25 修复网站只能注册一个用户的问题

安装

1. 安装MongoDB并成功启动
2. git clone "https://github.com/luosijie/card"
3. npm install
4. npm start
5. 访问 localhost:3000

实现功能

通过管理员编辑上传名片模板
可以让用户在线编辑并下载png格式图片直接打印

1. 登录注册
2. 图片简单处理
3. 名片模板的上传和保存
4. 名片图片的打包和下载
5. 名片模板收藏
6. MongoDB数据增删改查

使用到的插件

1. html2Canvas 用于将html解析为图片
2. jsZip 用于图片打包
3. fileSaver 用于导出打包后的zip文件

网站的不足

1. 代码组织比较乱 ———— 哪天心情好再来整理
2. 没有兼容浏览器，目前只谷歌 火狐可以正常访问 ———— 人生苦短，我不兼容
3. 没有管理后台 ———— 这是一个比较大的问题

项目结构

项目部分截图

首页

模板列表用hbs模板渲染

用户编辑页

看起来简单的页面结果花的时间最多

管理员上传模板

注意：这个页面的权限只有 用户名为admin 才可以访问，没办法就是这么不科学

个人中心

我的收藏列表和基本账户设置

欢迎star