爱意满满的作品展示区。
liangliang

拙作一件,还请各位轻拍哈O(∩_∩)O~

  •  
  •   liangliang · Aug 7, 2013 · 6011 views
    This topic created in 4841 days ago, the information mentioned may be changed or developed.
    一款天气类的Web App (IE慎入:)

    地址: http://1.htmldemo.sinaapp.com/demo7/index.php
    GitCafe: https://gitcafe.com/liangliang/WeatherReport

    前端菜鸟一枚,自己学了几个月的html/css/js,恰好在网上看到一个老外的教程(http://tympanus.net/codrops/2013/01/17/putting-css-clip-to-work-expanding-overlay-effect/),于是琢磨着自个也写了个,每天晚上七点更新天气数据。

    小伙伴们给点建议吧~(@^_^@)~
    60 replies  •  1970-01-01 08:00:00 +08:00
    wupher
    wupher
    Aug 7, 2013
    1
    很漂亮!
    liangliang
    liangliang
    OP
    Aug 7, 2013
    2
    @wupher 谢谢~T^T
    liangliang
    liangliang
    OP
    Aug 7, 2013
    3
    haiyang416
    haiyang416
    Aug 7, 2013
    4
    @liangliang 虽然是仿做的,但是效果还不错。
    SAE开发者认证现在不用求了,已经不收租金了。
    liangliang
    liangliang
    OP
    Aug 7, 2013
    5
    @haiyang416 soga~ thx
    Luciush
    Luciush
    Aug 7, 2013
    6
    提些意見吧。
    1,太簡單了!!!除了看溫度和天氣之外,沒有其他的功能甚至些許動畫效果來讓用戶停留。
    2,天氣預報的icon做得並不是特別簡明易懂,最崩壞的地方是每日的溫度之間間隙實在太小了,看起來讓人有些煩躁。
    3,各個城市的顏色搭配原理是什麼?感覺這些方面其實可以更加用心點,或者加些地標圖片之類的?
    如果LZ能夠在原型的基礎上繼續改進些細節的話就好了。
    liangliang
    liangliang
    OP
    Aug 7, 2013
    7
    @Luciush 收到~多谢指导O(∩_∩)O~
    qiuai
    qiuai
    Aug 7, 2013
    8
    没有数据库?
    rayps
    rayps
    Aug 7, 2013
    9
    感觉功能上已经没问题了,可以往视觉上搞点创意,例如用jquery加点动画玩玩吧
    daoluan
    daoluan
    Aug 7, 2013
    10
    UI 不错。
    liangliang
    liangliang
    OP
    Aug 7, 2013
    11
    @rayps 哈哈,正有此意T^T
    liangliang
    liangliang
    OP
    Aug 7, 2013
    12
    @daoluan thx~
    liangliang
    liangliang
    OP
    Aug 7, 2013
    13
    @qiuai 有,天气数据来自中国气象局,我参考了这里的 http://blog.csdn.net/hello_haozi/article/details/7564223
    qiuai
    qiuai
    Aug 7, 2013
    14
    @liangliang CREATE TABLE `weather` (
    `cityid` varchar(255) NOT NULL,
    `city` varchar(255) NOT NULL,
    `temp1` varchar(255) NOT NULL,
    `temp2` varchar(255) NOT NULL,
    `temp3` varchar(255) NOT NULL,
    `temp4` varchar(255) NOT NULL,
    `temp5` varchar(255) NOT NULL,
    `temp6` varchar(255) NOT NULL,
    `img1` varchar(255) NOT NULL,
    `img2` varchar(255) NOT NULL,
    `img3` varchar(255) NOT NULL,
    `img6` varchar(255) NOT NULL,
    `img5` varchar(255) NOT NULL,
    `img4` varchar(255) NOT NULL
    ) ENGINE=InnoDB DEFAULT CHARSET=utf8;

    INSERT INTO `weather` (`cityid`, `city`, `temp1`, `temp2`, `temp3`, `temp4`, `temp5`, `temp6`, `img1`, `img2`, `img3`, `img6`, `img5`, `img4`) VALUES
    ('101330101', 'macao', '27℃~33℃', '28℃~33℃', '29℃~34℃', '27℃~33℃', '27℃~32℃', '26℃~30℃', '3', '0', '0', '8', '3', '1'),
    ('101010100', 'beijing', '23℃~34℃', '24℃~35℃', '24℃~34℃', '24℃~30℃', '23℃~32℃', '23℃~33℃', '3', '0', '0', '4', '1', '4'),
    ('101020100', 'shanghai', '31℃~40℃', '30℃~39℃', '30℃~38℃', '29℃~37℃', '29℃~37℃', '29℃~37℃', '0', '0', '0', '0', '0', '0'),
    ('101280101', 'guangzhou', '25℃~34℃', '25℃~34℃', '25℃~35℃', '25℃~33℃', '25℃~33℃', '25℃~33℃', '0', '0', '0', '4', '4', '0'),
    ('101230201', 'xiamen', '26℃~35℃', '26℃~35℃', '26℃~33℃', '26℃~32℃', '26℃~32℃', '25℃~31℃', '1', '1', '1', '1', '1', '1'),
    ('101210101', 'hangzhou', '30℃~40℃', '27℃~40℃', '29℃~39℃', '29℃~38℃', '29℃~39℃', '29℃~38℃', '0', '0', '0', '1', '0', '0'),
    ('101270101', 'chengdu', '21℃~28℃', '22℃~33℃', '23℃~33℃', '24℃~33℃', '24℃~33℃', '23℃~32℃', '8', '1', '1', '3', '3', '3'),
    ('101280601', 'shenzhen', '27℃~32℃', '27℃~32℃', '27℃~33℃', '27℃~33℃', '27℃~33℃', '26℃~32℃', '1', '3', '1', '3', '3', '3'),
    ('101250101', 'changsha', '30℃~39℃', '30℃~39℃', '30℃~39℃', '30℃~38℃', '30℃~38℃', '29℃~38℃', '0', '0', '0', '1', '1', '0'),
    ('101110101', 'xian', '22℃~28℃', '22℃~32℃', '23℃~34℃', '24℃~34℃', '23℃~35℃', '24℃~35℃', '8', '2', '1', '1', '1', '1'),
    ('101050101', 'haerbin', '22℃~30℃', '21℃~30℃', '20℃~30℃', '20℃~31℃', '22℃~29℃', '22℃~30℃', '4', '1', '0', '1', '4', '0'),
    ('101320101', 'hongkong', '27℃~33℃', '28℃~32℃', '29℃~33℃', '27℃~33℃', '27℃~32℃', '26℃~29℃', '1', '0', '0', '8', '3', '1'),
    ('101340102', 'taoyuan', '27℃~36℃', '27℃~36℃', '26℃~36℃', '26℃~36℃', '27℃~36℃', '26℃~36℃', '1', '0', '1', '2', '7', '7');

    我自己写了个.

    说真的...你的文档写的真烂啊...cityid跟city还对不起来...还debug了一次才正常起来...
    liangliang
    liangliang
    OP
    Aug 7, 2013
    15
    @qiuai 抱歉,立马改去。。。。
    再一次感谢指教~
    qiuai
    qiuai
    Aug 7, 2013
    16
    @liangliang 然后你的sql语言忘了写 ; 了
    Perry
    Perry
    Aug 7, 2013 via iPhone
    17
    Responsive手机大小还可以再优化。点开的详细温度的字体太小了
    liangliang
    liangliang
    OP
    Aug 7, 2013
    18
    @Perry 打算写一个移动版的:)
    hustlzp
    hustlzp
    Aug 7, 2013
    19
    底部的空隙可以加大一点。
    liangliang
    liangliang
    OP
    Aug 7, 2013
    20
    @hustlzp thx~
    liangliang
    liangliang
    OP
    Aug 7, 2013
    21
    @qiuai 额,能否详细说说?脑子没转过来。。。
    qiuai
    qiuai
    Aug 7, 2013
    22
    @liangliang $query = "update weathe..."这个.没在结尾有;

    不知道是不是我PHP版本的问题?
    binux
    binux
    Aug 7, 2013
    23
    这个颜色和天气毫无关系,仅仅是好看而已吗?
    liangliang
    liangliang
    OP
    Aug 8, 2013
    24
    @binux 是。。。接下来会考虑下对应关系的^_^
    liangliang
    liangliang
    OP
    Aug 8, 2013
    25
    @qiuai 额,我这里显示有;
    莫非是最后那个引号前的空格捣的鬼?
    leoleozhu
    leoleozhu
    Aug 8, 2013 via Android
    26
    上海杭州28度不科学啊
    refresh
    refresh
    Aug 8, 2013
    27
    打包一下,可以发布到windows store了,再加点特色,可以卖0.99了,呵呵
    jedyu
    jedyu
    Aug 8, 2013
    28
    @leoleozhu +1
    杭州最高气温才28度,敢直视吗?
    yangg
    yangg
    Aug 8, 2013
    29
    详细页里,下面一排温度数字看着太挤了,考虑写成 27〜32℃ or ?
    liangliang
    liangliang
    OP
    Aug 8, 2013
    30
    @yangg 我在想,是显示温度范围呢还是干脆给个平均温度?
    yangg
    yangg
    Aug 8, 2013
    31
    @liangliang 平均值,不行的吧,一般都是范围,一个数字的话应该是实时温度,一天中平均值太没谱了
    liangliang
    liangliang
    OP
    Aug 8, 2013
    32
    @yangg ok~
    thx~
    qiuai
    qiuai
    Aug 8, 2013
    33
    @liangliang 我这奇怪了.没有.
    liangliang
    liangliang
    OP
    Aug 8, 2013
    34
    @qiuai 那个。。。GitCafe你现在登得上去吗?
    qiuai
    qiuai
    Aug 8, 2013
    35
    liangliang
    liangliang
    OP
    Aug 8, 2013
    36
    @qiuai +1
    LokiSharp
    LokiSharp
    Aug 8, 2013
    37
    @liangliang 你本人也上不去么?
    liangliang
    liangliang
    OP
    Aug 8, 2013
    38
    @LokiSharp 不确定账号是否被盗,我放到github上了
    https://github.com/xyqfer/WeatherReport
    LokiSharp
    LokiSharp
    Aug 8, 2013
    39
    发邮件 给 [email protected] 吧。
    jeansfish
    jeansfish
    Aug 8, 2013
    40
    icon区分白天和晚上的,所以一天抓一次频率不够吧。
    liangliang
    liangliang
    OP
    Aug 8, 2013
    41
    @jeansfish 恩恩,现在可以显示实时温度了。。。就是还有点小问题
    liangliang
    liangliang
    OP
    Aug 8, 2013
    42
    @LokiSharp 好的^_^
    thx~
    liangliang
    liangliang
    OP
    Aug 8, 2013
    43
    @jedyu
    @leoleozhu
    感谢提醒,已更正
    LokiSharp
    LokiSharp
    Aug 8, 2013
    44
    @liangliang 我现在也在自学 HTML/CSS/JS ,能交个朋友么?
    liangliang
    liangliang
    OP
    Aug 8, 2013
    45
    @LokiSharp 欢迎欢迎O(∩_∩)O~
    LokiSharp
    LokiSharp
    Aug 8, 2013
    46
    @liangliang 我现在开始学,你不嫌弃我,我很高兴。

    Gmail: loki.sharp at gmail dot com
    LokiSharp
    LokiSharp
    Aug 8, 2013
    47
    @LokiSharp 额,还没看就点了发送。。。

    我刚开始学,断断续续的学了一个月,你不嫌弃我,我很高兴。
    liangliang
    liangliang
    OP
    Aug 8, 2013
    48
    @LokiSharp 哈,有啥好嫌弃的?~
    gmail: xyqfer at gmail dot com
    kawaiiushio
    kawaiiushio
    Aug 9, 2013
    49
    中间的大数字代表什么?
    kawaiiushio
    kawaiiushio
    Aug 9, 2013
    50
    我错了 我的chrome昨天强制了。。。。另外你的git挂了
    madao
    madao
    Aug 9, 2013
    52
    很好看。
    liangliang
    liangliang
    OP
    Aug 9, 2013
    53
    @madao thx~
    blandook
    blandook
    Aug 9, 2013
    54
    PM2.5数据来个
    liangliang
    liangliang
    OP
    Aug 9, 2013
    55
    @blandook 这个可以有
    thx~
    iZr
    iZr
    Aug 9, 2013
    56
    为什么我放上去,没温度呢,是不是要其他配置?
    xueshi
    xueshi
    Aug 9, 2013
    57
    Nice!
    kawaiiushio
    kawaiiushio
    Aug 9, 2013
    58
    @iZr 好像要写入数据库的 楼主这个应该是sae的吧
    liangliang
    liangliang
    OP
    Aug 9, 2013
    59
    @kawaiiushio 是的
    liangliang
    liangliang
    OP
    Aug 9, 2013
    60
    @287854442 thx~
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   4328 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 66ms · UTC 06:20 · PVG 14:20 · LAX 22:20 · JFK 01:20
    ♥ Do have faith in what you're doing.