奥鹏东北师范大学《Web前端综合案例开发》离线考核代做案例
要求：在本文档中的题目下作答，在所写的代码下面粘贴运行后的网页截图，提交本word文档即可。
添加微信好友, 获取更多信息
复制微信号
小A是大四的学生，还有半年就要毕业了，就要跟她暗恋了三年的女神分开了。马上就是女神的生日，他想送给女神一个礼物，能让女神开心并记住他的特别礼物。他想到了电子相册，一个漂亮的网页版电子相册，因为他可以从班级网上找到女神的靓照。
第二次制作的网页女神收到礼物后跟小A说很开心，小A也非常高兴，觉得还应该在网页上增加一些小细节，来让女神感受到自己的心意。
这一次，小A想要经常更新女神的图片，但每次更新都要修改html什么的太麻烦且不方便，小A想到了新的解决方法，并顺便给每张图片配上一段说明文字：
1.写一个配置文件，以后更新女神照片和照片的说明就只需要更新这个配置文件就可以了，会比直接改动页面要方便管理。
2.把配置文件放到服务器上，在相册文件里通过接口接收配置信息并渲染到页面上，这样每次更新的时候就不需要都发给女神新的文件了，总要接收文件女神一定会很烦的吧。我们只要发给女神一次文件，以后更新图片的时候都直接在服务器上修改配置文件就可以了。
在前端我们假设config的信息是使用AJAX异步获取的内容,获取到信息后动态生成相册即可：
$.get(url,function(config){});
config:数据格式如下：
var config = [
{ text: "1", img: "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577031675791&di=6f3a543c1b4ae326926ac8c55b49ceb5&imgtype=0&src=http%3A%2F%2Fpic1.win4000.com%2Fpic%2Ff%2F50%2Fb09a1508701.jpg" },
{ text: "2", img:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577031675790&di=b495b84fd6863b5c33827e65eccbc704&imgtype=0&src=http%3A%2F%2Fimage.hnol.net%2Fc%2F2012-03%2F19%2F15%2F201203191558551461-2947643.jpg"},
{ text: "3", img:"https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1577031675789&di=033a401fe5c8e1949c5efa8098712804&imgtype=0&src=http%3A%2F%2Fi2.hdslb.com%2Fbfs%2Farchive%2F442999a15048a52820f31d2e60c89b7581797e62.jpg"},
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
获取网站答案请联系本站微信客服。
本文链接：https://daizuozuoye8.com/?id=164
转载声明：本站发布文章及版权归原作者所有，转载本站文章请注明文章来源！
请发表您的评论