程序员学习之路--小白成长记(网站网页篇)

news/2024/5/12 9:57:32/文章来源:https://blog.csdn.net/weixin_34250709/article/details/92037096

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

时间飞逝,一名程序员已经由一脸茫然渐渐地懂得了很多东西。


在很久很久以前,一名少年正思索着一些东西,他发现他对网站很有兴趣,可是他不知道该怎么做,于是百度了起来,开始慢慢地了解了起来。



开始渐渐地明白了网页原来是用html代码写出来的,去搜了很多教程,都是从最简单的显示Hello World开始,他发现很多教程老师总是用记事本或者Notepad++新建一个txt文件,然后把后缀改成html,然后点击一下这个html文件,哇!浏览器就显示出来HelloWorld,至于是为什么,也不知道。



再后来,学了很多标签像<input><div><span>等等,他这时候发现就这样输出的效果好单调啊,于是他后来又知道了CSS,CSS属性就像是一罐罐彩色原料,它能让之前写的html变得绚丽起来。再后来他有一天想做一个表单,在一个input框里输入一个名字,然后想要在页面上显示:XX天下无敌,啊。。。这可怎么做啊,之前的html只能写什么输出什么,没有一点交互作用,于是在这样的情况下,他认识到了JavaScript,他学会了js的一些小语法,alert('XX天下无敌');js就像是一个个灵活的小部件,他能让页面转动起来。他好像开始对编程有兴趣了。




他一如既往的用记事本一个一个字母瞧着html css js代码,总感觉这样子太慢了,去百度搜了一下:网页编辑器。于是Dreamweaver 进入了它的世界,它发现这个编辑器真是爽,打一个“,这简直是大大的节省了敲代码的时间啊,他开始在怀疑为什么老师之前要叫我们一个一个字母的敲,有这样的一个编辑器不是很爽么?只用打首字母就出来了,这件事在后来的后来他才明白。他发现Dreamweaver还可以不用写代码--只需要拖拖控件就能生成一堆代码出来,啊!那简直是好啊,我们直接拖控件就OK了?为什么我们要写代码?少年乐此不疲地拖拖玩玩,发现挺有意思的。



某一天,他有点很生气,因为他发现Dreamweaver拖的代码,页面布局总是不是他想象的那样子,界面总是乱动,做一些简单的东西,拖一拖还行,稍微复杂一点的就哭了,这并不能满足他。他又开始去学习,怎么才能做一个好网站,那时他还没有能够理解到网站和网页的区别。他开始稍微系统一点的去学学前端了,他认识到了Bootstrap,CSS是一罐罐彩色原料的话,它需要对原料色进行调色才能到达最好的效果,然后一笔一笔地去涂好html。Bootstrap更像是一只只彩色笔,它把颜色已经调好了,只需要直接去使用,大大地节约了书写代码的时间。他也认识了JQuery这个打着“write Less,Do More”旗号的库,这个库也真的是申请了,简简单单的一两行代码可以做好多好多的事。



现在它的界面逐渐变得漂亮了起来,它发现页面感觉太枯燥了,界面连个动的东西都没有,他说我要做个动态网站,我要让页面有绚丽的动画起来。傻傻的少年,天真的认为动态网站就是网页有动画的效果那就是动态,于是他去学了学HTML5、CSS3,一下子页面炫酷多了。他开始迷上了网页编程。



他开始对同学说:我最近做了个网页,同学们:哇,可以给我们看看么?他:啊?怎么给你看看?把你的网址给我呗。。。他回到家又开始琢磨了起来,怎么才能把自己的网页通过网址给别人看呢?噢。需要一个服务器,于是他稀里糊涂地去在腾讯云租了个几十块钱一个月的服务器,最开始的他一脸懵逼啊,这个怎么玩,一大堆乱七八糟的东西。东搞西搞,他了解到了Linux操作系统,懂得了一些操作命令,终于配置好了一个Centos 6.5系统的服务器系统,用FlashXP将自己做的网页传了上去,他访问一下服务器的IP地址 123.2XX.24.1XX,啊哈,看到了自己做的页面展示在了网页上,但是他发现,为什么别人都是什么http://www.xxx.com进去呀,我的为什么是数字,于是他明白了要去租个域名,将域名解析到服务器上。。。几经周转,当他输入http://www.xxxxx.com弹出了他的网页,并将这个网址分享给朋友,他心里成就感满满。



他的网页是在页面上显示一些小笑话,但是久而久之,他发现每次要录入一个新笑话都得把同样的代码复制一遍,然后把域里面的数据再替换成新的内容。这样下去可怎么了得,万一以后录入了上百上千个笑话,那这个html文件岂不是有上千上万行咯?那才是真正的笑话呢。于是引入了数据库,得把内容录入到数据库,然后再利用后台文件将数据库的内容读取出来。对于数据库,他学了MySQL以及和MySQL天生是一对的PHP!!!

因为开始用PHP写后台脚本了,他发现Dreamweaver体验真的不太好,于是接触到了宇宙最强 IDE公司JetBrains的产品--Phpstrom。要运行php文件那得搭建个php运行环境呢,MAMP(Mac Apach Mysql Php)简直不能太好用,就下载一个这个安装好就好了,不用单独去安装其他什么的,在Windows 系统上装个WAMP,在Linux系统上装个LAMP就OK了。万事俱全,只欠开始敲代码。



他开始在html文件中加入了php脚本,将原来的重复的代码使用foreach循环将读出来的数据打印出来,这下页面精致了很多,不过页面由html改成了php,他似乎能理解动态页面和静态页面的区别了,动态页面原来是指数据的动态。就这样,他利用数据库的CRUD(Create Read Update Delete)貌似好像能做很多很多事情了,他学会提交表单到数据库,并且他知道了每次数据提交都是通过GET或者POST提交到一个后缀为php的后台文件里面,然后后台获取到GET或者POST请求数据,再做一些处理最后再返回处理结果。他发现每次提交一次数据之后页面都会跑到php处理文件里面去,然后再在里面写返回之前提交页面的代码,这样感觉实在是太不友好了,它开始接触到了一个新的技术--Ajax,再利用利用json数据格式进行前后端交互,使得异步操作这东西说起来就那么高大上,放JQuery里面就几行代码都事情。她似乎对这门技术越来越热爱。

 

他某一天发现自己的数据库被人更改了,这是为什么呀?没人知道我的密码呀?被黑客攻击了?几经周折,他在网站安全一块进行了相关探索,原来啊自己被SQL注入了,自己写的简单语句被人类似于“select * from admin where user=''or 'a'='a' and passwd=''or 'a'='a'”最简单的SQL注入了,他开始想办法将SQL语句写得更安全一点,利用面向对象的思想将查询语句封装起来。除此之外他又顺带了解了XSS、CSRF攻击以及HTTPHTTPS的区别,这样使得页面安全性提高了起来。


他写的网页文件越来越多了,但都是写小项目,就几个php文件搞定了。他看到了网上有个叫翁天信少年写了他自己的个人博客,那博客真的是棒不,幻想自己也能做一个,说干就干。他从网上找了个模板,解压出来,惊呆了!!怎么这么多html文件!这样一个一个去还去写,简直要哭啊!在这种情况下,他学习到了MVC三层分离思想,将数据与视图通过控制器结合起来。又引入了基于MVC的ThinkPHP框架,加上thinkphp模块化的设计让整个项目逻辑思路特别的清晰明了,程序的耦合性大大降低,因为框架的封装性也使前面的安全问题减少了不少。

 

通过git命令安装好了Thinkphp框架,然后自己写了个后台管理系统,管理自己的博客文章以及留言,他发现每次进自己的管理系统都要输入用户名和密码实在是有点麻烦,于是又去了解到了SessionCookie机制,将数据保存在浏览器以及服务器上,这样使得服务器能够认识他,就不需要每次再输入密码和用户名了。


于是他沉浸在Thinkphp的世界里,过了没多久个人博客终于搭建完了。网上有人对他的代码设计很感兴趣问能不能分享一下他的源代码,最初他直接把代码拷贝发送给别人,可是问的人多了,总是这样做实在是太麻烦。于是他认识了Github这个新朋友,将代码托管上去,本地又配置好了其版本控制,通过Commit Pull Push使得代码管理似乎更容易一些了。

转载于:https://my.oschina.net/617669559/blog/1826226

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_813259.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

干货!各种常见布局实现+知名网站实例分析

各种页面常见布局知名网站实例分析相关阅读推荐 阅前必看&#xff1a;本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局&#xff0c;待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱…

谈一谈网站防盗链

[html] view plaincopy#开启重写引擎 RewriteEngine on #图片防盗链 RewriteCond %{HTTP_REFERER} !http://rewrite/.* RewriteRule .*\.(jpg|jpeg|png|gif) daotu.jpg 引子&#xff1a;明明引用了一个正确的图片地址&#xff0c;但显示出来的却是一个红叉或写有“此图片…

读书笔记-大型网站技术架构:核心原理与案例分析

作者&#xff1a;李智慧好评袭来回顾网站架构的发展历程&#xff0c;我们可以发现任何大型网站架构的发展都非一蹴而就的&#xff0c;同自然界生物物竞天择的自然进化规律一样&#xff0c;大型网站的架构发展和演变也基本遵循着类似的规律。推荐序二正如本书中所言&#xff1a;…

好用的色彩设计网站

做网站开发的免不了要对前台网页做各种各样的排版&#xff0c;其中颜色的搭配就是其中一个重要内容之一。 费话少说&#xff0c;分享一个色彩搭配设计网站。 http://colorschemedesigner.com/

javaweb\JSP\j2ee\ssm\ssh求职就业招聘推荐网站开发实战

目录 1、概述 2、功能描述 3、数据表 ​4、目录结构 ​5、实现过程 5.1 SRC后端文件 5.2 webroot前端文件 6、最终效果 6.1前台用户效果 6.2后台管理员用户效果 1、概述 开发环境&#xff1a; jdk1.8、tomcat7.0 、mysql5.2 开发工具&#xff1a;idea2019.3.1、navic…

javaweb+MYsql数据库j2ee农产品销售ssm购物网站的开发与实现

目录 目录 1、概述 2、功能描述 3、数据表 4、目录结构 5、最终效果 1、概述 开发环境&#xff1a; jdk1.8、tomcat7.0 、mysql5.2 开发工具&#xff1a;idea2019.3.1或eclipse、navicat15 编程语言后端&#xff1a;java&#xff1b;框架和引用的包&#xff1a;JavaBe…

javaweb+ssm+mysql电影票售票预订购买网站管理系统j2ee

目录 1、概述 2、功能描述 3、数据表 4、目录结构 5、最终效果 6、购票流程关键代码 1、概述 开发环境&#xff1a; jdk 、tomcat 、mysql 开发工具&#xff1a;idea 或eclipse、navicat 编程语言后端&#xff1a;java&#xff1b;框架和引用的包&#xff1a;JavaB…

SSM/SPRING/JAVAWEB/J2EE健身房健身教练学员场地预约报名管理网站系统

目录 1、概述 2、功能描述 ​3、数据表 4、目录结构 5、最终效果 6、预约场地教练流程关键代码 1、概述 开发环境&#xff1a; jdk 、tomcat 、mysql 开发工具&#xff1a;idea 或eclipse、navicat 编程语言后端&#xff1a;java&#xff1b;框架和引用的包&#x…

javaWEB/J2EE/idea/ssm/spring航空飞机机票订票在线预售网站开发与设计实现

目录 1、 项目概述和开发环境 2、项目功能描述和功能图 3、物理实体数据表10个 4、idea打开javaweb项目目录结构 5、实现效果动图 ​ 1、 项目概述和开发环境 项目开发依赖环境&#xff1a; jdk 、tomcat 、mysql 项目开发依赖工具&#xff1a;idea 或eclipse、navica…

javaweb/ssm/jsp/mysql婚恋交友网站开发与设计

1、概述 开发环境&#xff1a; jdk、tomcat、mysql 开发工具&#xff1a;idea或tomcat、navicat 编程语言后端&#xff1a;java&#xff1b; 编程语言前端&#xff1a;JSP、html5、javascript、jquery&#xff1b;框架和引用的包&#xff1a;My97DatePicker、ueditor、stru…

基于javaweb的SSM精品开放课程教学网站的开发与实现(包含视频在线课程\作业上传下载批改\留言\自测\题库+教师学生管理员三种权限)

目录 0、效果展示 1、精品课程教学平台概述 2、精品课程教学平台搭建环境 3、项目代码规划结构 ​5、后端代码示例 6、前端代码示例 0、效果展示 前台学生和教师界面 后台管理员界面 1、精品课程教学平台概述 在线教育分为四阶段&#xff1a; 第一阶段 通过网站学生提…

javaweb教材预定系统ssm框架mysql数据库j2ee网站(年级课程教师学生领取库存出库入库统计报表等信息管理)

目录 第一章 效果展示 第二章 教材预定系统项目概述 第三章 教材预定系统使用的环境 第四章 程序代码目录结构 第五章 关键代码示例 第一章 效果展示 第二章 教材预定系统项目概述 本系统是一个学校内部针对教材预订出入库领取全过程控制的JAVA项目,包含三种角色权限(学生…

SSM车辆综合管理系统J2EE(包含车辆驾驶员油耗年检以及维修保养百度echarts统计图表)JAVAWEB网站

目录 1 最终效果 1.1整体效果 1.2 维修保养统计echarts图表 2 项目说明 3 代码结构 4 数据库实体描述 5 统计代码实现 5.1 后端JAVA代码 5.2 前端JSP代码 1 最终效果 1.1整体效果 1.2 维修保养统计echarts图表 2 项目说明 车辆综合管理系统包含如下功能:车辆管理、驾…

SSM游乐园水上乐园欢乐谷项目门票预订预约网站javaweb管理系统j2ee

目录 1 效果展示 1.1 前台普通用户首页 ​1.2后台管理员登录页 1.3 后台管理员功能界面​ 2 游玩项目门票预约预订网站功能 3 数据表实体字段说明 4 预订操作主要实现代码 1 效果展示 1.1 前台普通用户首页 1.2后台管理员登录页 1.3 后台管理员功能界面 2 游玩项目门票预…

SSM-javaweb社区家政O2O服务预约网站

目录 1 前台用户效果 2 后台管理员效果 3 功能结果图 4 数据实体描述 5 说明 1 前台用户效果 2 后台管理员效果 3 功能结果图 4 数据实体描述 5 说明 本项目使用 1、 JavaBean Servlet MVC 2、 SSH StrutsSpringHibernate 3、 SSM SpringSpringMVCMyBatis 三者都可以…

SSM社区医院卫生所病人患者随访信息管理javaweb网站系统设计与实现

目录 1 效果展示 2 数据实体 3 功能说明 4 部分代码 1 效果展示 2 数据实体 3 功能说明 包含医生 和管理员两种角色,对随访信息,科室,病房,病人患者等信息进行管理 4 部分代码 package com.action;import java.io.IOException; import java.sql.ResultSet; import java.s…

基于SSM的网上拍卖网站购物系统的设计与实现

目录 1 概述 2 效果 3 数据表十个 4 代码实现过程 5 主要代码 5.1 用户相关代码 5.2 数据库连接代码 5.3 论坛发贴代码 1 概述 本系统是为网上交易提供的一个需求平台,买卖双方可以在网上拍卖网站上找到自己所需要的东西&#xff0c;也可以将自己不用的东西进行出售。网…

PHP实现的博客网站-个人相册微博-php图片分享网站基于lamp/wamp/MySQL/PhpStorm

目录 1 效果展示 ​2 开发工具 3 数据结构 4 功能实现和主要代码 1 效果展示 2 开发工具 代码开发工具PhpStorm Dreamweaver 数据库管理工具Navicat 环境套件Apache2.x php7.x MySQL 8.x LAMP或wamp,phpstudy XAMPP 3 数据结构 1 admin管理员 字段名称 …

ASP.NET失物招领网站包含(寻物启事+感谢信+通知公告)c#开发

目录 1 、效果展示 2、开发工具 3、功能概述 4、数据表 5、关键代码 1 、效果展示 2、开发工具 Microsoft Visual Studio SQL Server Management Studio 3、功能概述 程序开发前期对进行需求分析&#xff0c;最后确认了设计方案&#xff0c;介绍了开发工具的使用情况&…

javaweb校园互助悬赏跑腿中介平台SSM网站J2EE

目录 1 效果演示 2 开发环境 3 功能说明 4 数据结构 4.1管理员表 4.2用户表 4.3信息交换表 5 关键代码 5.1数据库连接配置和连接代码 5.2用户相关代码 1 效果演示 2 开发环境 开发工具idea或eclipse 数据库MySQL或SQL server 开发框架&#xff1a;SSM SpringSpr…