V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
daishuge
V2EX  ›  程序员

高一给社团搞的网站,请问有没有什么可以改进的?

  •  1
     
  •   daishuge · 13 天前 via Android · 6354 次点击

    https://robo.daishuge.org

    接触网页开发一年左右,有许多缺点请多包容

    ps:因老师要求说要搞一个社团网站,其他人都摆烂,我就自己做啦(

    pss:用了 GPT 帮忙

    源代码晚点发上来

    第 1 条附言  ·  13 天前
    前端代码: https://github.com/daishuge/web/blob/master/index.html

    后端就是 flask 的 index 和图片展示啦

    谢谢大佬们指点
    第 2 条附言  ·  12 天前
    开源啦!欢迎参观: https://github.com/daishuge/robo_club
    注:修复了 canvas 背景把下面的 footer 遮住了的问题
    感谢各位大佬的指点和鼓励!
    102 条回复    2024-11-04 17:41:45 +08:00
    1  2  
    ovtfkw
        1
    ovtfkw  
       13 天前   ❤️ 1
    你这啥也没有啊,这不是个人问下 ai 都能做出来
    daishuge
        2
    daishuge  
    OP
       13 天前 via Android
    @ovtfkw 域名,服务器,Nginx ,这 ai 可帮不了哦
    BG7ZAG
        3
    BG7ZAG  
       13 天前
    这是 html 纯手写啊,用个 vue 框架不是更方便?还有 js 中的动态内容没渲染出来~
    BG7ZAG
        4
    BG7ZAG  
       13 天前
    @daishuge 这种静态页面,如果开源的话直接丢 GitHub.io 上,不开源就得自己折腾服务器了,最简单的是装个 1plane 面板,部署方便
    daishuge
        5
    daishuge  
    OP
       13 天前 via Android
    @BG7ZAG 好的,谢谢!可惜还没学(
    daishuge
        6
    daishuge  
    OP
       13 天前 via Android
    @BG7ZAG 因为后续可能要增加登录签到功能,所以想着最开始就部署在自己的服务器上,不过还是谢谢啦
    daishuge
        7
    daishuge  
    OP
       13 天前 via Android
    @BG7ZAG 请问啥东西没有加载出来?
    nuhou
        8
    nuhou  
       13 天前
    内容太少其实也没必要单独弄个网站,弄个公众号还方便点
    moefishtang
        9
    moefishtang  
       13 天前
    挺好的
    可以做一个照片墙,你们如果平时有什么活动照片的话可以做成轮播图之类的在首页展示
    可以用 Servlet 做一个后端,建一个博客之类的,发一发社团平时的动态(前端部分可以直接用现在的,你这个没有用框架,很好修改)
    moefishtang
        10
    moefishtang  
       13 天前
    @moefishtang 登录和签到也可以用 servlet 做的
    daishuge
        11
    daishuge  
    OP
       13 天前 via Android
    @nuhou 公众号要各种验证麻烦哦
    daishuge
        12
    daishuge  
    OP
       13 天前 via Android
    @moefishtang 看起来很不错诶,谢谢!
    adwords
        13
    adwords  
       13 天前
    用 CN 域名啊
    BG7ZAG
        14
    BG7ZAG  
       13 天前
    @daishuge 刚才没出来,现在可以了,应该是网络问题
    daishuge
        15
    daishuge  
    OP
       13 天前 via Android
    @adwords 麻烦哦,各种实名,还贵,不如 cloudflare
    adwords
        16
    adwords  
       13 天前
    @daishuge

    实名肯定是要的,这个没什么
    edwardzcn98
        17
    edwardzcn98  
       13 天前   ❤️ 1
    刚刚点进去看了下,两点感受,楼主可以参考下。
    1. 背景这个 canvas 好像同四五年前知乎登录界面所用,我当时刚学做网站写练手也拿来用过,可以多了解下细节,然后想做些其他简单 3D 元素,three.js 是个不错的起点。
    2. 左上角 favicon 初次加载很慢,我用的 hk 的节点访问(可能是我网络不太好),看了一下应该是放本地了吧,可以考虑放个图床或者 OSS 上。
    richcat
        18
    richcat  
       13 天前
    挺好的,第一次见到中文域名
    daishuge
        19
    daishuge  
    OP
       13 天前 via Android
    @edwardzcn98 好的,谢谢!
    zhangjiashu2023
        20
    zhangjiashu2023  
       13 天前   ❤️ 7
    还得是大地方的高中生啊,放我那小县城现在很多高中生键盘都敲不明白,顶多玩玩游戏。更别说接触编程制作网站了
    edwardzcn98
        21
    edwardzcn98  
       13 天前   ❤️ 1
    @daishuge 牛的啊,我都是大学选了专业才开始折腾这些,加油。
    HMYDK
        22
    HMYDK  
       13 天前   ❤️ 1
    作为一个高一学生,能做到这种程度很不错了。
    0xD800
        23
    0xD800  
       13 天前   ❤️ 1
    很强,网站上的内容更加让我膜拜
    Mondoz
        24
    Mondoz  
       13 天前   ❤️ 7
    高中学生能做成这样应该鼓励才对,1 楼说话那么 mean 干嘛
    Leon6868
        25
    Leon6868  
       13 天前   ❤️ 1
    作为原生 JS 练手很不错,如果以后要加入网站后端之类的,建议学习框架,比如 Remix 之类的,可以大幅度减少你的时间成本
    zuotun
        26
    zuotun  
       13 天前   ❤️ 2
    @daishuge #2 域名可以是嫖的,主机可以是免费的,Nginx 用 GPT 确实可以搞定

    一点小问题: footer 元素被 canvas 盖住了, 导致不能选中点击

    考虑到高一的含金量, 已经超越大部分人了

    其实用博客的单页面来做会更快, 是我肯定懒得手写这些了(
    zidon
        27
    zidon  
       13 天前   ❤️ 1
    很不错了。看前期需求功能比较简单。可以选自己感兴趣的技术栈,node.js,php,java 这些里挑一个,就这 gpt 原生搓就可以了,很容易就入门了。后期还可以上框架重构下,就又上一个台阶了。
    VforVendetta
        28
    VforVendetta  
       13 天前   ❤️ 1
    不错不错,继续继续
    songray
        29
    songray  
       13 天前   ❤️ 1
    有个问题,canvas 背景把下面的 footer 遮住了,点不了。
    后生可畏。
    Fish1024
        30
    Fish1024  
       13 天前
    跟我上高中时候在网吧改别人的 html 模版的水平差不多吧。那时候流行韩国网页模版。
    baijiahei
        31
    baijiahei  
       13 天前
    高一好好学习 搞鸡儿网站
    ztcaoll222
        32
    ztcaoll222  
       13 天前   ❤️ 1
    既然也要搞后端,而且只是自己搞的话,建议上 nuxt 这些全栈框架来做
    mumbler
        33
    mumbler  
       13 天前   ❤️ 1
    @baijiahei #31 大多数牛人都是在 15-20 岁之间对计算机产生浓厚兴趣的,有兴趣是好事,现在考大学根本不需要努力
    molvqingtai
        34
    molvqingtai  
       13 天前   ❤️ 1
    很好,比我上大学都强,加油老弟!
    qfdk
        35
    qfdk  
       13 天前   ❤️ 1
    同意 高中直接 wp 搞定 剩下的就是好好学习...
    dfdd1811
        36
    dfdd1811  
       13 天前   ❤️ 1
    想锻炼就自己写,为了给老师弄就直接 wordpress 。我高中开始也想自己搞,结果最后还是 wordpress 了事,方便…
    Greendays
        37
    Greendays  
       13 天前   ❤️ 1
    对于社团网站来讲已经够用了。
    x86
        38
    x86  
       12 天前   ❤️ 1
    建议直接 wordpress+模板
    mengdodo
        39
    mengdodo  
       12 天前   ❤️ 1
    牛的呢,想当年我大学才开始接触 Wordpress 搞编程,一点一点深入
    tsja
        40
    tsja  
       12 天前   ❤️ 1
    有响应式, 做了域名备案和部署, 高一能做出来已经很不错了.
    l4ever
        41
    l4ever  
       12 天前   ❤️ 1
    背景有点复杂, 动来动去有点烦躁.
    java20
        42
    java20  
       12 天前   ❤️ 1
    厉害啊,当年我高一只会看小说和把妹
    CuteGirl
        43
    CuteGirl  
       12 天前   ❤️ 1
    emmmm 说实话 我感觉这页面用 html 写会更快吧 这么简单的东西完全没必要前后端分离
    encro
        44
    encro  
       12 天前   ❤️ 1
    帮你贴一下。


    基础项目(必修)

    搭建小车,初步编程:变速直行、走弧线、原地转向
    触动传感器应用:按下按钮,机器人做出不同动作
    陀螺仪传感器应用:走出正方形
    超声波/红外传感器应用:自动跟随,保持 15cm 距离
    颜色传感器应用:自动识别多种颜色,颜色密码锁
    基础巡线原理实践:自主巡线

    进阶项目(选修)

    乐高枪械制作:打造可发射的枪械模型
    EV3 软件项目实践
    多边形绘制(陀螺仪应用)
    迷宫小车(超声波/红外应用)
    按键控变速风扇(触动+结构)
    物流搬运机器人(多传感器综合应用)
    自瞄炮塔(结构+算法+多传感器综合)

    竞赛活动

    RMYC 机甲大师空地协同对抗赛
    6 人团队,进行机器人 FPS 对抗,涉及人工智能、结构改装、战术指挥

    编程语言:Python 、Scratch

    分工:程序组 3 人、结构组 3 人(含步兵、工程兵、飞行员)

    参考网址:

    大疆官网
    本社团比赛纪录片:↓


    视觉竞速赛
    4 人分 2 队,使用摄像头实现自动巡线竞速

    编程语言:C

    农业巡检赛
    2 人一队,基于颜色指示的自主移动任务

    编程语言:C

    课程安排
    每节课:10 分钟理论讲解 + 30 分钟实践操作 + 小组讨论

    设有速度榜和成就榜,记录小组完成项目的时间和数量
    encro
        45
    encro  
       12 天前   ❤️ 1
    然后我随便 chatgpt 了一下关于物流机器人开发的: https://chatgpt.com/share/67258a65-d244-800f-bb41-423642a6b395
    ChaosAttractor
        46
    ChaosAttractor  
       12 天前   ❤️ 1
    @daishuge 基础的 infra 看文档就可以了
    居然是静态页面的话那完全没必要自己 infra ,serverless 平台可以轻易给你提供 HA 和 CDN
    此外静态页面的话,可以看看 hugo 和 hexo 这些模板引擎
    daviswei
        47
    daviswei  
       12 天前   ❤️ 1
    域名最好统一,入口是.org ,最下面邮箱是 .win ,有点怪
    daishuge
        48
    daishuge  
    OP
       12 天前 via Android
    @encro 可以社团活动上搞搞哦,不错的样子
    daishuge
        49
    daishuge  
    OP
       12 天前 via Android
    @l4ever 嗯,谢谢建议
    Jasonqiao
        50
    Jasonqiao  
       12 天前   ❤️ 13
    评论区里很多人关注的点是“杀鸡焉用牛刀”,但一个高中生他自己学着用牛刀本身就挺好的事,你管他杀什么呢,非得拯救地球才算个事是吧。

    大家回想自己高一的时候在干啥。楼主能在高中阶段还参加社团,有闲情逸致脱离书本学东西,说明他这个高中根本就不是卷分的那种学校,我定睛一看南汇中学,那楼主的人生大概率也不会是大部分中国人那种内卷的人生。他的起点已经比 98%的同龄人高,估计也秒杀一多半评论区 V 友。沪爷可能想着周末到论坛里与民同乐一把,结果让你们点评一下,你们还真就在这点评上了。特别是一楼,太刻薄了,还“是个人都能做出来”,我不知道您在哪高就,但谈吐之间,人家高一学生的胸怀和修养已经把你秒杀了
    buffzty
        51
    buffzty  
       12 天前   ❤️ 1
    代码格式很好,读起来很舒服
    daishuge
        52
    daishuge  
    OP
       12 天前 via Android
    @Jasonqiao 谢谢大佬的鼓励!不过还是和睦一些为好(*笑
    zhengfan2016
        53
    zhengfan2016  
       12 天前   ❤️ 1
    高一随便做做能交差都行,没必要太深入去学技术栈,能上好的大学拿到 985 和 211 文凭才是更重要的。10 年前高中的人学了 jquery 和 PHP 就算学的再精通,现在 jquery 和 PHP 什么行情大家都清楚
    jackerbauer
        54
    jackerbauer  
       12 天前   ❤️ 1
    如果是高一生搞的,不错不错,加油啊,弄的很好!
    vevlins
        55
    vevlins  
       12 天前   ❤️ 1
    及格分,没什么致命问题,但内容太简单了:),虽然这也不是技术问题。
    summerwar
        56
    summerwar  
       12 天前   ❤️ 1
    左上角的名字上添加个跳转到主页的 a 标签
    daishuge
        57
    daishuge  
    OP
       12 天前 via Android
    jchnxu
        58
    jchnxu  
       12 天前 via Android   ❤️ 1
    让我想起了初中折腾 PHP asp 的岁月
    Titans
        59
    Titans  
       12 天前   ❤️ 1
    可以了,我们高一的时候刚开始摸电脑呢。 不说别的,就科学上网这块,你已经很厉害了。
    liuzimin
        60
    liuzimin  
       12 天前 via Android   ❤️ 1
    牛逼,高一还有精力做这个。。。我高一作业都做不完。
    oopg
        61
    oopg  
       12 天前   ❤️ 1
    前端代码权限貌似没放开,不同页面映射到不同 URL 会更好,可以学习简单的前端框架+ router 来实现
    JensenQian
        62
    JensenQian  
       12 天前   ❤️ 1
    老哥别折腾静态网页了,网站的尽头是 wordpress ,高中好好学习,上个好大学,上海应该很容易的吧
    还有老哥,网站域名别用中文,域名是 com 的话一般都是商业网站,学校有没有 edu.cn 什么的,高中估计没有
    我高中感觉人都快起飞了,羡慕真的有时候做这些,每天下晚自习都十点多了
    JensenQian
        63
    JensenQian  
       12 天前   ❤️ 1
    @daishuge #2 域名 cdn 的话,cloduflare 一站式解决,就是到中国速度有点慢,
    你的静态页也可以 cloudflare pages 托管上去
    服务器的话可能高中生没信用卡什么的,支付有点问题

    nginx 什么的话 linux 面板一大堆,直接给老师交差的话搞个 wordpress
    现成的主题一大堆好看的,搞个上去,完事了
    LandCruiser
        64
    LandCruiser  
       12 天前   ❤️ 1
    高一学生来说能写代码已经比同龄人强了,不知道你什么家庭条件,高中最重要的还是考大学,代码写的再好也没 985 有用,时代如此。
    SomeBottle
        65
    SomeBottle  
       12 天前   ❤️ 1
    挺好的,再接再厉,可以充分利用 GPT 和 [MDN 文档]( https://developer.mozilla.org/zh-CN/) 学习一些基础知识。
    趁着高一和高二还有些时间,有兴趣的话可以折腾一些这方面的内容,但还是不要影响到学习。
    想起来我当时也是这样慢慢入门的,不过当时我多少有点影响到学习成绩了 ,不过总的来说还是很令人怀念的一段时光啊,很纯粹。
    gogogo1203
        66
    gogogo1203  
       12 天前   ❤️ 1
    如果我回到高一需要重新学的话, 我会直接开始看优秀的开源项目. 直接开始学习最优秀的团队用的都是什么栈,尝试去理解他们为什么要这么写。 我原来刚开始的时候也是自己瞎倒腾一些东西。

    搜一下 supabase github. 他们连官网都是开源的。
    1.了解一下什么是 turbo.
    2.apps/www 看他们的官网。
    3.不懂的直接问 AI.
    4. 刚开始难度会拉到 90 ,后面再自己做项目就会越来越容易了。
    yuankui
        67
    yuankui  
       12 天前   ❤️ 1
    感觉汇到了 QQ 空间时代!好亲切
    kingcanfish
        68
    kingcanfish  
       12 天前   ❤️ 1
    挺好的呀 我高一的时候只会做题 哪有什么社团就绘画 唱歌 羽毛球乒乓球 还是应付上面检查用的 不得不感慨大城市的教育真好
    TORYOI
        69
    TORYOI  
       12 天前   ❤️ 1
    感觉 logo 的文件(社徽 3.png )大小可以弄小一点,现在有 1.2M 大小,logo 尺寸可以用小一点
    Chuckle
        70
    Chuckle  
       12 天前   ❤️ 1
    比我高中强,哈哈,能把 JS 当兴趣玩玩挺好的,别管什么技术,什么 wp 、vue 啥的,网站看起来已经像模像样了就够了,甚至有点前沿框架的极简版影子。有个建议,现在导航栏是能切换了,但是 url 路径不会变,假如你想分享活动安排页出去不方便吧,试试看怎么实现,并且能方便以后加更多路由路径。
    Chuckle
        71
    Chuckle  
       12 天前   ❤️ 1
    @Chuckle 现在在 html 里写 js ,一个文件快 700 行了,这是不方便看代码和维护的,通常不要超过 400 行,可以试试拆分功能模块到单独的 js ,比如 loadContent 函数,以及每个视图的字符串模板,都可以拆成单独的文件,然后挂到全局变量上。
    breresha
        72
    breresha  
       12 天前   ❤️ 1
    第一次见中文域名的,还是我见识的太少了😂
    rainxt
        73
    rainxt  
       12 天前   ❤️ 1
    南汇中学,大惠南地区啊,希望明年我儿子也能考上南中。
    网站做的不错了,再想提高可以参考下别的炫酷网站,然后让 AI 复刻
    opentrade
        74
    opentrade  
       12 天前   ❤️ 1
    有前途
    tangping
        75
    tangping  
       12 天前   ❤️ 1
    挺好的呀
    ThinkStu
        76
    ThinkStu  
       12 天前   ❤️ 1
    让我想起了我 2016 年在高中的时候也给社团搭建过网站。
    daishuge
        77
    daishuge  
    OP
       12 天前 via Android
    @JensenQian edu 域名不给学生哇(😭
    RockShake
        78
    RockShake  
       12 天前   ❤️ 1
    挺好的,流程走通一遍以后做类似的心里也有底,重要的是经验和兴趣
    PaPaBoom
        79
    PaPaBoom  
       12 天前   ❤️ 1
    高一这个水平很厉害了,大有可为
    wujunze
        80
    wujunze  
       12 天前   ❤️ 1
    挺好的, 高一这个水平 未来可期,用好 AI 用好 Cursor
    angrylid
        81
    angrylid  
       12 天前
    有点丑。

    1. 后面那个转来转去的特效去了,花里胡哨干扰视线;
    2. 这点信息量不要搞几个 Menu 切来切去了,就放到一个滚动的 Page 里面就好了;
    3. 找 AI 摇一个 Logo 吧,根本看不清,更没有辨识度。

    代码就槽点更多了,能看出来有稍微琢磨过编程,但是对于一些概念,比如工程化,SEO ,SSG 知之甚少。

    整体算是一般票友水平吧。
    jsun969
        82
    jsun969  
       12 天前
    不错不错,让我想起小时候折腾网页的日子🤣
    suyuyu
        83
    suyuyu  
       12 天前
    高中有时间整社团有时间整“团队网站”。6
    tyzandhr
        84
    tyzandhr  
       12 天前 via Android
    内容永远比样式重要。你这个网站,其实所有内容都可以放在一张页面上就展示完了的。
    lihua
        85
    lihua  
       12 天前
    高一啊,很厉害了。
    wonderfulcxm
        86
    wonderfulcxm  
       12 天前 via iPhone
    鼓励吧,比大部分高一的孩子强,可以 all in cloudflare ,cloudflare pages 可以托管前后端,支持 next.js 这种全栈框架,或者前端用 cf pages ,后端用 cf workers ,可以连接它家的 d1 数据库,国内访问速度可以通过优选 ip 提升。但 pages 配置优选有点麻烦,works 比较简单,在面板直接设置 ip 或者 cname 就好了。
    korvin
        87
    korvin  
       12 天前
    高一做的厉害了,我大一都做不出这个,因为还没学过网页技术😅
    wuoty
        88
    wuoty  
       11 天前
    做的很好了,未来可期,我之前也是喜欢折腾网页,加油。

    1.然后我看到“主页”“关于我们”这几个页面切换是动态加载的,可以尝试开发多页面的网页,或者使用现有的框架( Vue/React )去实现,便于连接分享
    2.首页的滚动条略微有点出戏,可以考虑把 footer 弄的高一点,能在一页内展示
    3.关于首页的信息可能有些少了,可以参考厂商手机介绍页面的信息流
    4.文件下载页面建议自己写一个列表,用户点击 AList 上公开的文件进行下载,而不是用 AList 的界面
    phatzhong24
        89
    phatzhong24  
       11 天前
    重点是高一,多少读高中时,对编程有一点认知?
    isnullstring
        90
    isnullstring  
       10 天前
    社团风采 的图片轮动好像有点问题

    前后图片切换时候 有重叠
    kokerkov
        91
    kokerkov  
       10 天前
    这个...我觉得搞个 wordpress 更简单,但是练不了多少技术就是了。
    terrytw
        92
    terrytw  
       10 天前
    没备案吗? ISP 号没看到
    还留了一个典型的境外网站, daishuge.win, 还有 TG
    学校的网站还留个自己的网盘 alist.daishuge.win
    在某特殊日子还有敏感留言
    小朋友想吃免费饭么...

    小心啊!
    xinz4l
        93
    xinz4l  
       10 天前
    看了 b 站的视频,现在的小孩子,很强啊
    ATOnTheRun
        94
    ATOnTheRun  
       10 天前
    比我高中甚至本科都强多了,最重要的事是做出来吧。加油!
    neilxu
        95
    neilxu  
       10 天前
    挺好了,兴趣是最好的老师,现在有了 gpt 不单能作弊,还能解释给你听。
    不管未来做什么职业,接触点代码不吃亏
    Shawn5
        96
    Shawn5  
       10 天前
    不错,当年我高一的时候,只会谈恋爱
    ronyin
        97
    ronyin  
       10 天前
    高一已经很不错了
    wednesdayco
        98
    wednesdayco  
       10 天前
    我高一的时候在干嘛,在学 actionScript ,在做 flash 玩
    ChenSino
        99
    ChenSino  
       10 天前
    不错了,毕竟只是一个还在上学的孩子,很多高一都还不知道啥是编程呀
    pota
        100
    pota  
       10 天前
    第一次见中文域名被用上
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3095 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 00:37 · PVG 08:37 · LAX 16:37 · JFK 19:37
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.