一、项目描述:该项目是的一款能够进行在线选座、获取电影票的移动web应用。应用以三维的形式,将影厅呈现给用户,让
用户能够以更直观的视觉感受,选择适合自己的座位。
二、项目责任:前后端全栈开发
三、技术栈:Three.js、Express、EJS、MySQL、jQuery、Bootstrap、MUI(MobileUI)
四、主要贡献:
+ 使用rem等比适配技术进行项目适配
+ 使用EJS模板引擎快速将数据渲染至页面
+ 使用cookie-session中间件进行会话数据安全存储
+ 使用express.Router将路由模块化,易于项目管理
+ 使用express中间件拦截路由,管理用户访问权限,未登录用户进行评论或电影的查看时页面会跳转至登录页
+ 页面多处使用Ajax技术进行页面动态渲染,比如影票的收藏以及取消收藏,评论以及删除评论等
+ 构建3D模型,使用threejs技术渲染3D模型文件,并根据threejs中OrbitControls轨道控制器技术实现移动端模拟第一人称
视角
+ 使用Multer(nodejs中间件)上传图片以进行头像更换和动态发布,并使用imagemin(nodejs库)进行图片压缩来提高图片传
输速度
+ 将项目部署至阿里云服务器,使用pm2(nodejs进程管理工具)启动项目
五、项目地址:http://47.113.179.244:8599/painting/index [注意:此为移动web应用]
点击空白处退出提示













评论