web展现mysql_web页面实现LED跑马灯效果(涉及web前端、原生JS、PHP、mysql)

本帖最后由 yoin 于 2019-11-21 16:24 编辑

产品需求：

LED跑马灯页面展示内容(班级电脑展示)

setLED更改内容(老师电脑更改内容)

LED页面及时更新内容设计思路：

最初想法很简单，想仅用HTML+JS实现。但是还是太年轻了，老师更改内容后如何同步共享到班级电脑就是个问题了。

1.cookie存储班级信息，success！

2.session共享更改内容，failed！

session面向连接的不同电脑不同的链接无法共享

3.共享内容尝试直接写入js文件，failed！

更改的内容只在本地缓存生效，js操作文件，可以读取文件，但是写入操作无法实现(本人水平有限)

4.尝试js操作数据库，failed！

原生js，操作难度很大。JQuery操作相对容易。

5.动用后端语言PHP，success！

加入后端语言的发挥空间就大大提升。比如加入用户验证登录、权限控制等等。

6.js定时器，实现跑马灯效果；定时获取更新内容；

7.ajax异步请求更新内容，在不刷新页面的情况下实现内容更改。

上代码

LED展示页面

[HTML] 纯文本查看 复制代码

滚动提示

.screen{

width: 400px;

height: 80px;

background: #000;

margin: 0 auto;

overflow: hidden;

}

#set{

color:#0f0;

font-size: 20px;

display: block;

}

#scroll{

display: none;

}

#con{

font-size: 70px;

color: #f00;

line-height: 80px;

}

window.onload = function(){

setClass();

getContent();

led();

// var content = getContent();

// led(content);

}

请选择班级:

班级

11

12