- 51Aspx源码必读.txt[5KB]
- from - .gif[4KB]
- 最新Asp.Net源码下载.url[123B]
源码介绍
源码参数
1、前后端分离
(1)前端使用vue+webpack构建项目环境,vue-router搭建项目路由,vuex来实现单文件组件和数据的抽离,采用ElementUI提供的UI组件库,css预处理器使用LESS,axios来实现HTTP请求,ESLint来规范代码和检查代码错误;
(2)接口使用WebAPI+EF,使用过滤器对API接口进行验证:如权限验证等;全局捕获异常。API使用token校验方式;
2、网站参考爱奇艺
3、这是一款电影网站项目,包含前端网站和后台管理系统。界面优美,用户体验良好,无刷新操作。不管是VUE前端还是WebAPI都是非常适合二次开发和学习。
二、后台功能介绍
1、演职员管理
(1)职业管理
(2)演职员管理:一个演职员可对应多个职业
2、电影管理
(1)添加/修改电影
(2)电影管理
(3)电影评论管理:有效管理评论
3、网站设置
(1)首页banner管理
4、会员管理
(1)会员管理
5、系统管理
(1)管理员管理
三、网站功能介绍
1、注册:用户名注册(可扩展其它方式注册)
2、登录
3、首页:展示banner、电影排行榜(热播榜、高分榜)、最新上线
4、列表页:按条件筛选,分页加载
5、电影详情页:视频播放、电影详情、电影评论
6、电影相关的演职员页:演职员详细介绍、相关作品
四、注意事项
1、前端部分使用VUE。WebAPI开发环境为Visual Studio 2013,数据库为SQLServer2012,使用.net 4.5开发。
2、登录账号:用户名:60001,密码:123456
3、附加数据库连接字符串配置文件在web.config(Movie.DataAccess文件夹下的App.Config,Movie.WebAPI下的Web.config)
4、DB_51aspx文件夹中是数据库文件,附加即可
5、前端请使用以下命令
(1)安装依赖
npm install
(2)本地开发,启动项目
npm run dev
(3)生成项目,部署项目,生成后的资源在dist文件夹中
npm run build
6、前端项目说明
(1)设置端口号:在config/index.js文件里设置port值即可;
(2)设置开发环境的WebAPI访问地址和文件访问地址:开发环境在config/dev.env.js文件中设置,生产环境在config/prod.env.js文件中设置;
(3)菜单图标设置:①从http://www.iconfont.cn/中下载svg图片,放在src/icons/svg文件夹中;②在配置路由时设置icon属性值为svg图标的名称即可;
(4)MovieWebAPI项目为WebAPI,MovieAdmin项目为后台管理系统,MovieWebsite项目为网站
下单记录
用户名 | 源码评分 | 成交价 | 下单时间 | 订单状态 |
---|