# CreatShare项目整理
**Repository Path**: CreatShare/creatshare_project_collation
## Basic Information
- **Project Name**: CreatShare项目整理
- **Description**: 西安邮电大学CreatShare实验室项目整理
- **Primary Language**: 其他
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-07-31
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# CreatShare实验室 2012-2018项目整理
## 目录
* [2012年项目](#2012)
* [2013年项目](#2013)
* [2014年项目](#2014)
* [2015年项目](#2015)
* [2016年项目](#2016)
* [2017年项目](#2017)
* [2018年项目](#2018)
> 由于部分项目年代久远，不确定具体时间，遂以仓库提交时间为项目时间，不代表无项目年份未产出项目。
## 2012
## 2013
### 全能二维码
> 全能二维码( Universal QrCode )是一款 Chrome 浏览器插件，可以将文字、网址、图片……你能想得到的，扫一下，统统进手机。
- 分类：前端插件
- 时间：第一次提交于2013年11月2日，最后一次提交于2014年12月01日，共计34次提交
- 作者：AlphaTr
插件地址，需要访问Chrome商店，请科学上网
## 2014
## 2015
### 无课教室
> 针对西邮学生对自习教室的选择，提供了一周不同时段以及不同校区无课教室的门牌号一览。并且可以根据当天时间第一时间展示当天的无课教室。
- 分类：前端项目
- 时间：码云第一次提交于2015年11月24日，最后一次提交于2015年12月24日，共计10次提交，2人参与
- 作者：Fighting（第一次提交者，不确定是否作者）
- 是否有服务端提供服务：否，属于纯静态页面
### 图书封面服务
> 为图书馆查询服务提供图书预览封面，有*Python*，*Node.js*，*PHP*三种语言版本。从豆瓣爬取图片转存七牛云，再通过七牛云提供*url*，前端获取*url*资源即可。若未找到图片，返回404，七牛云提供默认图书封面的*url*，前端采用该资源作为图书封面。**目前服务暂时无法使用**。
* 分类：服务端项目
* 时间：码云第一次提交于2015年10月21日，最后一次提交于2015年11月22日，共计9次提交，2人参与
* 作者：zhengrenzhe（第一次提交者，不确定是否作者）
* | 图书封面的请求地址 | http://7xlreh.com1.z0.glb.clouddn.com/lpic/isbn |
| :---------------------------------: | :---------------------------------------------: |
| 返回404，img的error事件触发请求地址 | http://getimg.changxiaoyuan.com/?isbn=isbn |
* 运行*Python*版本：`pip install -r pip-req.txt`，安装依赖
* 运行*Node.js*版本：`npm install`，安装依赖
> 服务端向豆瓣请求，若找到了图书，则将其封面大图传至7牛，并向页面返回该图片在7牛的url，前端直接替换即可。 若未找到，则返回这个图片代码在getImage文件夹中，部署在33那台服务器上，服务器向豆瓣申请了白名单，请求无限制。
### CreatShare-Code-Practice
> 实验室前端成员每一周完成实验室任务的代码仓库，其中有两期任务以及完成后的代码，可以参考浏览。
### CreatShare-ST
> 畅校园专题页，包含实验室内部发布文章的整理，以及公众号文章的全链接整理一览。
* 分类：前端项目
* 时间：码云第一次提交于2015年11月4日，最后一次提交于2015年12月20日，共计12此次提交，3人参与
* 作者：droiz
* 是否有服务端提供服务：否，属于静态页面
* 打包：采用Gulp打包，运行需要安装部分依赖
### CreatShare-YP
> 畅校园西邮黄页，提供了西邮诸多人物，场所的联系方式。
* 分类：前端项目
* 时间：码云第一次提交于2015年10月21日，最后一次提交于2016年4月4日，共计18次提交
* 作者：droiz（第一次提交者）
* 是否有服务端提供服务：否，属于静态页面
* 打包：采用Gulp打包，运行需要安装部分依赖
#### 安装：
```
npm install
```
#### 运行：
```
npm start
```
在浏览器打开本地服务的8080端口即可
### CreatShare-Fate
> CreatShare前端工作流，Fate用于创建一个新的前端项目时，根据配置生成所需开发环境的依赖。
* 分类：前端脚手架
* 时间：第一次提交于2015年11月4日，最后一次提交于2015年11月11日，共计34次提交
* 作者：zhengrenze
#### 通过 Fate 创建的项目开发工作流如下：
编辑 src／css 或 src／js 下的代码，实时编译的结果输出到 src／dist 下，接着浏览器自动刷新，开发者切换到浏览器预览效果。
#### 当前所配置的环境依赖为：
| 依赖名 | 作用 |
| :--------------: | :-------------------------------------: |
| Gulp | 项目构建工具 |
| Babel | 用于编译ES6或JSX到ES5 |
| Sass CSS预处理器 | 兼容Sass语法 |
| Less CSS预处理器 | 兼容CSS语法 |
| sourcemaps | 生成sourcemap |
| livereload | 自动更新浏览器加载的开发中的页面 |
| html-replace | 更换开发／生产环境所需的不同CSS，JS代码 |
| rename | 文件重命名 |
| colors | CLI颜色高亮 |
#### 当前预定义开发目录结构为：
```
|
|- index.html 待开发的主页面
|- view/ 其他html页面
|- .gitlab-ci.yml CI配置文件
|- .gitignore git忽略文件
|- gulpfile.js gulp配置文件
|- package.json 项目依赖声明
|- README.md 项目README
|- src/ 项目所有的静态资源
| |- font 项目所需的字体文件
| |- css 项目所需的 SCSS（css）代码
| |- img 项目所需的 图片
| |- js 项目所需的 ES6（JSX）代码
| | |- lib 项目所需的 JS 库／框架 代码
| |- dist 项目开发中实时编译产生的CSS，JS代码，开发环境中会使用这些代码
| |- css 实时编译的 CSS文件
| |- js 实时编译的 JS文件
```
#### 安装：
```
npm install -g fate-creatshare
```
#### 使用：
安装完成后，在当前文件夹创建项目的命令如下：
```
fate init .
```
或者在别的文件夹下创建：
```
fate init test_folder
```
接着 fate 会询问以下问题：
- which style type? ( 使用哪种CSS预编译语言 Less 还是 Sass)
- which script type? ( 使用js还是jsx )
- ProjectName ( 项目名 )
- projectDesc ( 项目描述 )
- projectAuthor ( 项目作者 )
- ServerPath ( 将要部署在服务端上的绝对路径，无需部署则不填，具体请联系服务端开发人员 )
当显示 create success 时，项目则创建成功，这时需运行命令行最后一行提示的命令来安装具体的依赖包。
开发项目时，进入项目文件夹，运行 `npm start` ，此时会创建一个简单服务器，并自动编译SCSS/LESS，ES6（JSX）。在浏览器中输入 `http://localhost:8000` 即可访问。
### ThinkPHP-Custom
> ThinkPHP-Custom
- 分类：服务端项目
- 时间：码云第一次提交于2015年9月19日，最后一次提交于2016年6月14日，共计4次提交
- 作者：Kashub Chiao
## 说明
### 克隆项目
```
git clone git@**********/ThinkPHP-Custom.git ThinkPHP
```
### 目录结构 `../app/index.php`
```
畅校园图书查询接口文档
> 图书的查询、续借、订阅服务端请求接口文档
- 分类：接口文档
- 时间：第一次提交于2015年10月28日，共计两次提交
- 作者： byee
### Vue-mui
> CS前端组基于Vue.js 1.0版本开发的UI组件。
[](https://www.npmjs.com/package/vue-mui) [](https://www.npmjs.com/package/vue-mui)
mobile components for Vue.js 1.0.*
## Documentation
[Here](http://mui.yaobieting.com/docs/index.html)
## Usage
import mui.css
```
```
### CommonJS
```
➜ npm install vue-mui
```
example：
```
confirm
```
```
var confirm = require('vue-mui').confirm;
// or //
import { confirm } from 'vue-mui'
export default {
data() {
return {
show : false,
title : 'This is title (optional)',
content : 'This is content'
}
},
components : {
confirm
},
events : {
confirm() {
...code...
},
cancel() {
...code...
}
}
}
```
### Browser
```
var alert = mui.alert
var app = new Vue({
el : '#app',
components : {
'alert' : alert
}
})
```
### 西邮导航
> 西邮人自己的链接导航页面，对于校内链接的集合盘点。
- 分类：前端项目
- 时间：码云第一次提交于2015年10月23日，最后一次提交于2016年12月21日，共计60次提交
- 作者：root
- 是否有服务端提供服务：否，属于静态页面
#### 目录结构
```
components //组件目录
|
|____mobile //移动端组件
|
|____pc //PC端组件
|
dist //发布目录
|
src //源文件，初始化入口
|
static //静态资源目录
|
|____images //图片资源
|
|____json //存放链接资源
|
|____mobile //移动端样式(LESS)
|
|____pc //PC端样式(LESS)
|
|____util //共用函数
|
test
|
|____e2e //e2e测试
|
|____unit //单元测试
|
vies //视图
```
## 2016
### 畅校园
> 畅校园主站源代码，畅校园是西安邮电大学一站式服务平台。
- 分类：前端项目
- 时间：码云第一次提交于2016年7月12日，共计一次提交
- 作者：Kashin Chiao
- 是否有服务端提供服务：否，属于静态页面
### 百盘
> 百盘项目前端部分，，百盘项目是为了实现西邮人自己的云盘服务。支持拖拽文件上传。
#### 1. 描述
实现功能：
- 上传/下载文件
- 实现文件妙传
- 验证码修改
- 查看文件信息
- 恶意上传限制
上传文件类型：
> txt,png,jpe,jpeg,gif,svg,zip,rar,exe,mp3,pdf,doc,docx,xls,ppt
#### 2. 请求地址
- URL: pan.changxiaoyuan.com/index.php
#### 3. 接口返回数据格式通用说明
发送方式为 `GET／POST` 返回数据格式 `json`
#### 4. 具体相关接口说明
##### 1. 上传操作
1. 请求方式与示例
- 方式：POST
- 示例：URL
1. 请求参数说明
| *参数* | *描述* |
| -------- | ---------------- |
| do | upload |
| filename | 上传文件的name值 |
###### 上传成功--返回参数说明
| *参数* | *描述* |
| ------- | ---------- |
| success | true |
| name | 文件名字 |
| size | 文件大小 |
| md5 | 文件的md5 |
| ext | 文件扩展名 |
| msg | 返回信息 |
- example：
```
{
"success": true,
"name": "Go%20Programming%20by%20Example%20by%20Agus%20Kurniawan.pdf",
"size": "5.5M",
"code": "5k75b7qob2",
"md5": "a68b8e5c10a81f5d1bb7cc6f13e11079",
"ext": "pdf",
"msg": "上传成功"
}
```
###### 上传失败
| *参数* | *描述* |
| ------- | -------- |
| success | false |
| msg | 失败信息 |
```
{
"success": false,
"msg": "上传时间间隔为10s"
}
```
##### 2. 妙传操作
1. 请求方式与示例
- 方式：POST
- 示例：URL
1. 请求参数说明
| *参数* | *描述* |
| -------- | ---------- |
| do | FastUpload |
| filename | 文件名称 |
| md5 | md5 |
###### 返回参数说明
> 返回的数据 和上面一样
#### 3. 修改验证码
1. 请求方式与示例
- 方式： POST
- 示例： URL
1. 请求参数说明
| *参数* | *描述* |
| ------- | -------- |
| do | mdcode |
| code | 新验证码 |
| preCode | 旧验证码 |
1. 返回参数说明
| *参数* | *描述* |
| ------- | ---------- |
| success | true/false |
| msg | 结果信息 |
- example：
```
{
"success": true,
"msg": "设置成功"
}
```
#### 4.显示文件信息
1. 请求方式与示例
- 方式 :GET
- 示例：URL+?do=show&code=java
1. 请求参数说明
| *参数* | *描述* |
| ------ | ------ |
| do | show |
| code | 验证码 |
1. 成功-返回参数说明
| *参数* | *描述* |
| ------- | ---------- |
| success | true |
| name | 文件名字 |
| size | 文件大小 |
| md5 | 文件的md5 |
| ext | 文件扩展名 |
- example：
```
{
"success": true,
"name": "Go%20Programming%20by%20Example%20by%20Agus%20Kurniawan.pdf",
"size": "5.5M",
"code": "java",
"md5": "a68b8e5c10a81f5d1bb7cc6f13e11079",
"ext": "pdf"
}
```
1. 失败-返回参数说明
| *参数* | *描述* |
| ------- | ---------- |
| success | true/false |
| msg | 结果信息 |
- example：
```
{
"success": true,
"msg": "验证码输入有误"
}
```
#### 5. 下载文件
1. 请求方式与示例
- 方式：GET
- 示例:
1. 请求参数说明
| *参数* | *描述* |
| ------ | -------- |
| do | download |
| code | 验证码 |
1. 返回参数说明
| *参数* | *描述* |
| ------- | ---------- |
| success | true/false |
| msg | 结果信息 |
- example：
```
{
"success": false,
"msg": "该验证码不存在或已过期"
}
```
### 2016纳新系统前端
> 2016年CreatShare实验室纳新系统前端页面
- 分类：前端项目
- 时间：码云第一次提交于2016年8月28日，最后一次提交于2016年10月9日
- 作者：csMyh
- 是否有服务端提供服务：是，由服务端提供接口
- 该项目属于移动端web项目
### CreatShare 实验室公共邮件账号对外邮件(html)模板
> 对于电子邮件，其实也存在美化，Email可以类似网页一样呈现。因为这种带格式的邮件，其实就是一张网页，正式名称叫做HTML Email。它能否正常显示，完全取决于邮件客户端。大多数的邮件客户端（比如Outlook和Gmail），会过滤HTML设置，让邮件面目全非。因此，对于HTML Email的制作，需要像最原始网页制作一样，整个使用表格布局。这是CS实验室对于CS HTML Email的模板示例。
- 分类：前端模板
- 时间：码云第一次提交于2016年10月15日，最后一次提交于2016年10月17日，共计8次提交
- 作者：Kashub Chiao
关于 Email html 正文编写的了解请查看：[HTML Email 编写指南](http://www.ruanyifeng.com/blog/2013/06/html_email.html)
在线预览地址：
此模板用到了三个 `png` 图片资源, 详见以下说明。
**creatshare_logo:**
[](https://gitee.com/CreatShare/email-template/raw/master/logo-email-template.png)
**weibo_logo:**
[](https://gitee.com/CreatShare/email-template/raw/master/poffineweibo.png)
**wechat_logo:**
[](https://gitee.com/CreatShare/email-template/raw/master/poffinewechat.png)
三个相对应的七牛云 cdn 资源链接是：
>
------
另请注意发邮件时发件人的 *昵称* 和邮件的 *主题* 设置。
### CS-blog
> CreatShare实验室博客前端代码
- 分类：前端项目
- 时间：码云第一次提交于2016年11月14日，最后一次提交于2016年11月14日，共计6次提交
- 作者：李藩涛
- 是否有服务端提供服务：是，由服务端提供接口
### 西邮导航
> 西邮人自己的链接导航页面，对于校内链接的集合盘点。
- 分类：前端项目
- 时间：码云第一次提交于2015年10月23日，最后一次提交于2016年12月21日，共计60次提交
- 作者：root
- 是否有服务端提供服务：否，属于静态页面
#### 目录结构
```
components //组件目录
|
|____mobile //移动端组件
|
|____pc //PC端组件
|
dist //发布目录
|
src //源文件，初始化入口
|
static //静态资源目录
|
|____images //图片资源
|
|____json //存放链接资源
|
|____mobile //移动端样式(LESS)
|
|____pc //PC端样式(LESS)
|
|____util //共用函数
|
test
|
|____e2e //e2e测试
|
|____unit //单元测试
|
vies //视图
```
## 2017
## 2018