# StrangeRaise **Repository Path**: yiqingjs/StrangeRaise ## Basic Information - **Project Name**: StrangeRaise - **Description**: 面向大学生创业的筹众平台 - **Primary Language**: JavaScript - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2019-05-13 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 陌筹 StrangeRaise ## 项目背景大学生是一个富有想法和意见的群体，但其想法和意见的实现却往往由于“单兵作战”而显得势单力薄。陌筹希望为大学生群体提供一个开放的筹众平台，在这里他们可以发起自己的项目，招募人手、“招兵买马”，征求意见、展开讨论，利用互联网让每个大学生都能够拥有实现其想法的能力。举例说明：小李同学从小就有一个拍电影的梦想，他有一个自己觉得不错的剧本，但也就是仅仅准备好了剧本而已。通过陌筹筹众平台，小李同学发起了这个拍摄、制作电影的项目，寻找到了合适的摄影师和演员，最终实现了他的电影梦。总得来说，陌筹希望赋予每个大学生实现自己想法的能力。 ## 功能简介陌筹筹众平台旨在在项目的筹备阶段、宣传阶段、完成阶段为用户提供服务。在筹备阶段，大学生用户可以通过发起项目将项目信息、所需人手、预期回报（物质或非物质）等内容发布至平台，供其他在线用户浏览、评价及支持。平台会根据标签机制为项目发起者提供合适的合作者推荐，也可以为普通用户推荐感兴趣的项目。在宣传阶段，项目发起者可通过修改项目进行状态、发布项目日志便于其他在线用户了解项目进度和情况。在完成阶段，平台为用户提供可信度评价机制，供用户对项目及项目成员进行评价，并收集其反馈意见。 ## 前端技术介绍 ### FlatUI框架（基于Bootstrap）+卡片式风格网站整体采用扁平化风格FlatUI框架提供的控件样式，如输入框、按钮等。

Fig. 首页及项目卡片

网站主体为手写DIV+CSS，色调上与FlatUI贴合，在网站中大量采用卡片式的展示风格，如首页对项目摘要内容的展示，项目具体内容界面显示等。

Fig. 项目内容查看页

Fig. 个人页

### FormValidation表单验证插件在网站中，有多处地方需要键入内容，此时则需要对输入内容进行表单验证，保证所输入数据的有效性，同时也保护数据库不被恶意插入脏数据。由于FlatUI是基于Bootstrap的，于是项目采用一个针对Bootstrap框架的基于jQuery的表单验证插件FormValidation，FormValidation可对一个输入框同时做多种验证，并异步显示出来。

Fig. 注册界面邮箱验证错误

Fig. 注册界面邮箱验证成功

### 多平台自适应由于该项目为Web项目，故网站可跨平台访问浏览，因此网站应为响应式的，在不同分辨率的平台上可以做到自适应，这样可以保证浏览效果。在前端实现时，网站使用了Bootstrap的栅栏系统，将卡片式的模块嵌入栅栏系统中，使其成为响应式，根据窗口大小显示内容。网站设置了最小宽度，既可以保证在手机上的显示效果，又能保证在电脑端将浏览器窗口缩放时，不会使文字内容溢出其所属块。

Fig. 首页PC端、手机端效果展示

Fig. 登录模态框PC端、手机端效果展示

Fig. 项目内容界面PC端、手机端效果展示