网站作者

数学科学学院 吕之豪 181****

数学科学学院 王志成 171****

注：两人工作量相同

网站定位

这是介绍自己开发的 Java 深度学习框架MyDL。主要面向人群为： MyDL 框架的开发者、使用者，想用 Java 做深度学习但对MyDL还不了解的开发者，以及所有深度学习爱好者。

网站技术架构

• 网站使用 Joomla! 做内容管理，并使用了内置的用户登录管理、搜索功能，以及 Jcomments组件。
• 自定义开发的Joomla模板：我们没有使用Protostar或T3的模板，而是参考教程自制了一个，因boostrap等修改样式是通过添加类名而非css，而且很多joomla组件不满足需求，需要Override。这个模板包含两个风格，一个应用于主页，另一个应用于其他文章内容。
• 使用 Bootstrap 框架完成页面布局和样式，在力求界面简洁明了的同时，又增加了一些特效，如背景的粒子效果、Sticky-top面包屑导航、内容页侧边栏目录的自动生成目录和定位、首页向下滚动时的动画效果，iframe嵌入b站视频等等。
• 在线IDE：jQuery AJAX+PHP。将输入代码区设置为表单，提交时用jQuery构建POST请求，将代码以json发送至服务器的run.php脚本，脚本收到代码保存后，用exec()调用系统命令javac，timeout+java编译并限时运行（防止写死循环导致服务器崩溃），然后将输出结果以json形式返回，响应POST请求，js脚本得到返回后用HTML DOM修改前端结果区，显示程序运行结果。
• 首页各中，部分随屏幕滚动出现的动画，使用animate.css动画库，加上jQuery Waypoint监听实现。（在加监视器的js脚本中需要使用闭包，可能是joomla和网站中其他组件js的$没有释放，出现冲突。）
• 服务器相关：服务器配置为腾讯云1核2G内存1M带宽，Ubuntu18.04，Apache2+MySQL+PHP(未使用宝塔界面完全手动安装)，已申请 SSL 证书并完成 https 配置。

网站技术的优点和待改进之处

优点

• 我们非常细致的设计和测试了响应式布局，确保用户的浏览体验
• 通过自定义模板既可以很好地利用joomla已有的功能和插件，又可以自定义修改组件的功能和样式，可复用。

待改进之处

• 在线IDE功能还有待完善，没有消息队列，无法顾及并发访问等性能问题，当然目前服务器条件也根本没法考虑更复杂的问题
• 模板还有待进一步完善，如因时间有限没有支持多语言
• 部分组件样式还有待改进

技术细节和学习记录

在这里

开始动手前的课设分析

点击此处下载查看该 PDF。

自定义joomla模板

这里可以下载我们针对本网站开发的模板。

用户界面截图

未注册的访客没有账号，普通用户无法修改文章但可以评论，因此附上一些用户界面的截图。我们建立一个可以试用的普通会员，用户名和密码均为test

{jcomments off}