
课程设计
期末课设
Vax_Loves_1314
正不断走向秃顶的程序猿人生~
展开
-
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(项目实现:在线预览文件)
知识点:JavaScript、jQuery、SSM、IO、Ajax、layUI,JS插件使用重点:前后台数据交互,文件读取,数据库查询,插件的使用等难 点:JS插件使用内 容:登录成功后,可在线预览图片、txt、Office文档、音视频等图1 在线预览文档图2 在线多媒体播放功能1. 线预览或播放所有的在线预览或播放,均需调用index.js中的openFile()方法,根据传入的值判断是图片、文档、音频、视频等类型,代码如下所示;/**分类...原创 2020-07-19 10:55:45 · 1184 阅读 · 0 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(项目实现:文件夹的新建、删除、重命名)
重 点:弹出层显示、文件夹/文件删除难 点:layui+js实现弹框显示内 容:登录成功后,新建文件夹,删除文件夹或文件,重命名文件夹/文件。图1 新建文件夹图2 删除模块图3 重命名文件1.“新建文件夹”功能1)点击main.jsp页面中的“新建文件夹”按钮,将触发index.js中的buildfile()方法,并使用layer弹出层显示输入框,通过Ajax向后台传输所要串讲的文件夹信息;buildfile()方法对应的代码如下所示;...原创 2020-07-19 10:40:27 · 1119 阅读 · 0 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(项目实现:文件分类)
重 点:文件读取、弹出层显示难 点:LayUI+JS实现弹出框内 容:登录成功后,点击不同的分类,显示对应分类下的缩略图或文件名称。图1 文件分类页面1. 使用JS显示文件分类框在WebContent/WEB-INF/menu.jsp页面中,点击左侧的菜单选项(如图片、文档、视频等),将触发index.js中的searchFileType()方法,通过layer弹出层显示文件分类框;searchFileType()方法对应的代码如下所示;/**查找文件*/...原创 2020-07-18 23:54:12 · 911 阅读 · 0 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(项目实现:文件下载)
重 点:文件读取、文件打包难 点:文件下载内 容:登录成功后,下载文件。图1 点击下载页面1. 使用JS下载文件在index.js文件中添加downloadFileSelect()和downloadFile()两种方式下载文件,当触发事件时,调用download()方法,向后台请求下载数据,代码如下所示;1)当选中文件后,点击下载按钮所触发的事件,代码如下所示;functiondownloadFileSelect(obj){var...原创 2020-07-18 22:15:18 · 748 阅读 · 0 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(项目实现:文件/文件夹列表显示)
重 点:前、后台数据交互、Ajax异步加载数据、文件读取难 点:文件读取内 容:登录后,根据当前用户获取相应的用户和文件信息,并将相关信息显示在主页。图1 文件显示页面1. 创建核心页面,完善布局在WEB-INF的jsp文件夹下,创建index.jsp、top.jsp、menu.jsp、main.jsp,并将index.jsp作为主框架页面,通过@include指令引入其他3个页面,布局效果图如下所示;图2 页面布局图index.jsp页面...原创 2020-07-18 22:01:05 · 957 阅读 · 0 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(项目实现:文件上传与计算文件大小)
重 点:前、后台数据交互、AJax异步加载数据、文件读取难 点:文件读取内 容:登录成功后,上传文件。图1 文件上传页面1. 使用JavaScript实现上传文件在WebContent/js目录下创建index.js文件,添加upload()方法,用于上传文件;当触发上传事件时,通过Ajax向后台传输数据,核心代码如下所示;functionupload(){varfiles=document.getElementById("input")...原创 2020-07-17 18:18:24 · 1041 阅读 · 0 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(项目开发与实现:注册/登录)
注册功能:重 点:页面布局和前、后台数据交互、文件操作难 点:SSM整合、文件操作内 容:完成注册界面,密码需要用MD5加密;添加新账户信息时,需新建一组默认的文件夹(如:image、music等)图1 注册页面任务指导1. MVC分层思想;2.SSM配置原理;3.前后台跳转流程;4.MD5加密;5.File类的使用;6.数据库操作层的使用;7.注册时,可以使用第三方平台进行验证(学生自主拓展学习、实现)。代码展示:1. ...原创 2020-07-17 17:17:41 · 1825 阅读 · 14 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(Git安装及版本控制)
安装git、并学会使用git做版本控制分三部分完成(注:不同版本的eclipse界面可能会稍有不同)1. 学会Git的安装,帐号注册;2. 本地存储库的管理;3. 推送到服务器端进行团队合作。1. 使用本地存储库1)安装Git,并在github上注册账号,对Git不熟悉者请下面参考文档http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b806...原创 2020-07-17 17:13:51 · 540 阅读 · 0 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(创建项目及环境搭建)
创建项目及搭建环境:一、新建工程项目图1 新建项目二、添加开发jar包工程创建完成后,将开发所需jar包放入WEB-INF下的lib目录下,如下图所示;图2 添加jar包三、WEB环境搭建根据MVC分层思想,建立SSM项目结构,如下图所示;图1项目结构图2. 在项目根目录下,创建config文件夹,并逐一创建和配置SSM配置文件,如下图所示;图2 配置文件3.applicationContext-dao.xml配置文件代码,...原创 2020-07-16 21:08:58 · 800 阅读 · 1 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(系统接口设计)
系统接口设计1.系统接口设计本系统接口分为系统内部服务器后端接口和第三方接口,系统内接口由JFinal框架实现,接口的数据都采用JSON格式进行传输,分为六种数据类型:1)Number:整数或浮点数;2)String:字符串;3)Boolean:true 或 false;4)Array:数组包含在方括号[]中;5)Object:对象包含在大括号{}中;6)N...原创 2020-07-16 21:02:40 · 675 阅读 · 0 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(详细设计及数据库设计)
详细设计:1. 注册功能注册功能的程序描述逻辑描述如下: 用户点击注册按钮,进入本界面; 用户输入手机,短信验证码,密码进行注册; 注册成功后,不用登陆,直接进入首页; 该过程的输入数据有:手机号,验证码,密码。 图1 注册功能数据流图本项目采用线框图进行设计,注册功能的原型设计如下图所示:图2 注册界面2. 登录功能图3 用户登录数据流图 程序描述:...原创 2020-07-16 20:58:32 · 2642 阅读 · 0 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(需求分析部分)
项目介绍:本次共享云盘项目后台采用Springmvc+Spring+Mybatis即SSM框架(大多数企业开发均使用开源框架,jsp+servlet也较为常用),前端框架jsp+JavaScript+bootstart+jquery+layer,前端主要分为安卓和PC端。此次网盘系统的WEB界面与百度网盘较为相似,对于一个文件可以上传、下载、删除、还原、分享等功能。office文件展示使用百度网盘内嵌的接口。本次数据库系统采用mysql,就职后,由于mysql开源,所以较多公司采用mysql进行原创 2020-07-06 22:28:47 · 2265 阅读 · 6 评论 -
(强烈推荐)基于SSM和BootStrap的共享云盘系统设计(概要设计与详细设计)
概要设计作为系统架构师,要对目标系统项目进行技术选型,即需要什么框架或者技术完成项目以满足用户需求。本次共享网盘选用SSM框架(课程需要)。在公司中选用框架,需要考虑成本(学习成本)和风险(配置版本的漏洞)两个方面。(最新的不一定是最好的,存在漏洞)。删除文件并非真正删除,而是将文件有效标记值设置为0,当进行还原操作时,即将其有效标记值为1.详细设计对于每个功能进行详细的设计与描述。详细设计方面,日本人做的较好。实际工作中,项目经理很少进行编码,多数是进行项目规划,对项目的架构、功能设计原创 2020-07-08 23:21:09 · 1182 阅读 · 0 评论