海南岛国际电影节项目

我要开发同款
肯肯2023年12月22日
81阅读
开发技术小程序vuejavascriptcss、html5
所属分类web

作品详情

项目包含海南省国际电影节官网,用户中台,管理后台,微信小程序。功能主要有用户注册,报名各个奖项,中台评委评审系统,各个模块在后台的维护,管理员创建各类活动等。
电影节项目对ui的要求比较高,官网全站用媒体查询做了多屏幕下的自适应,使用animate.css/wow.js和部分自定义的css完成网站内容的动效,项目多处使用swiper.js制作轮播图/视频的展示,用vue-i18n做了全站中英国际化,网站用户包含多种角色身份,项目用vue-router做路由管理,实现不同角色的鉴权和菜单内容展示,用户中台使用按需加载的element-ui,antd-vue等组件,实现各类复杂长表单的分步骤填写。中台创投剧本的评审模块结合了vue-pdf,vue-watermark等第三方组件库,封装了pdf阅读器,并且动态生成防伪水印。照片墙模块封装了masonry-layout和photoswipe,实现瀑布流照片墙,点击则是全屏左右滑动翻相邻页。各类活动章程实现了flipbook翻书特效。最终呈现效果得到需求方和领导的基本认可。
后台管理基于vue-admin-template框架,自定义封装了表单模块,列表模块等各类展示组件(根据json配置生成ui,表格有动态列展示,拖动列排序等功能)。富文本封装了tinymce组件,集成自定义上传。
微信小程序考虑到移动端有跨端需求,选用uniapp进行开发,使用uni-simple-router进行路由管理鉴权,同步了官网的报名功能,预约观影,预约活动,交通指引,防疫信息填写等功能。全项目都封装了axios与后端进行通信,自定义的上传模块集成阿里云oss实现上传功能。集成echarts/datav/countup.js等插件,封装图表组件,实现数据可视化大屏功能。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论