Table of Contents
回复内容:
Home Backend Development PHP Tutorial web开发初学者可以造哪些轮子?

web开发初学者可以造哪些轮子?

Jun 06, 2016 pm 04:42 PM
css dom html javascript php

PHP程序员,最近学习完了html 和 css , javascript 因为有c/c++基础,正在学,也学的很快,能够简单的操作DOM ,书籍也阅读了很多,图灵出版的书看了好多,现在学习遇到了瓶颈,对于独立建站仍然束手无策,所以想要通过造轮子,来提高实战经验,并且在过程中温故知新,多思考,通过对代码的不足开启设计模式的学习,故,望大牛能在休闲之余,指点一条造轮子的路线,若能稍微说明每个轮子的意义,锻炼什么?能得到什么?那便是极好的

回复内容:

谢邀。

新手造轮子应该早就有了一套标准的流程了。
  1. 留言板。留言板可谓web轮子的始祖,整个互联网就是由无数个留言板组成的。这个轮子造起来相对简单,主要锻炼数据库知识,$_GET,$_POST这三种技能,$_GET,$_POST相对简单,略过不表,数据库的知识就稍微复杂一点,了解下数据库范式,外键等之类的知识,顺带了解下字符串过滤,防止数据库注入。对了,还有需要防止用户表单重复提交,了解下重定向是什么。
  2. 用户登录。给留言板加上用户登录功能,当然也还有自动登录的功能。主要锻炼$_SESSION,$_COOKIE的知识。当然这个时候你就要面临下代码重构了,体验下痛苦的感觉吧。
  3. 留言版块。留言版本做成多级的。加深下数据库的知识,学习下无限级菜单。
  4. 回复用户留言。添加回复功能,当然是ajax回复而非刷新页面。练习下ajax吧,用jquery即可。
当然这些都是最基本的步骤,之后还有模板,框架之类的,不过那些基本上都是学习轮子的使用方法了。 对独立建站束手无策就直接去做就好了啊。做个自己的个人主页之类的简单东西,添加交互功能一样一样加上去,不会什么学什么,有什么好问的。
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to remove the default style in Bootstrap list? How to remove the default style in Bootstrap list? Apr 07, 2025 am 10:18 AM

The default style of the Bootstrap list can be removed with CSS override. Use more specific CSS rules and selectors, follow the "proximity principle" and "weight principle", overriding the Bootstrap default style. To avoid style conflicts, more targeted selectors can be used. If the override is unsuccessful, adjust the weight of the custom CSS. At the same time, pay attention to performance optimization, avoid overuse of !important, and write concise and efficient CSS code.

How to build a bootstrap framework How to build a bootstrap framework Apr 07, 2025 pm 12:57 PM

To create a Bootstrap framework, follow these steps: Install Bootstrap via CDN or install a local copy. Create an HTML document and link Bootstrap CSS to the <head> section. Add Bootstrap JavaScript file to the <body> section. Use the Bootstrap component and customize the stylesheet to suit your needs.

Does the image centering support image zooming? Does the image centering support image zooming? Apr 07, 2025 am 07:42 AM

How to achieve image centering and scaling in Bootstrap: Use d-flex justify-content-center to center images horizontally. Use align-items-center and fixed parent element height vertically center the image. Use the width and height attributes to control the image size, or use max-width and max-height to limit the maximum size. Use the img-fluid class or responsive design mechanism, such as media queries, to achieve responsive scaling. Optimize image size, control scaling using the object-fit attribute, and follow best practices to ensure performance and maintainability.

How to layout bootstrap How to layout bootstrap Apr 07, 2025 pm 02:24 PM

To use Bootstrap to layout a website, you need to use a grid system to divide the page into containers, rows, and columns. First add the container, then add the rows in it, add the columns within the row, and finally add the content in the column. Bootstrap's responsive layout function automatically adjusts the layout according to breakpoints (xs, sm, md, lg, xl). Different layouts under different screen sizes can be achieved by using responsive classes.

How to set the bootstrap navigation bar How to set the bootstrap navigation bar Apr 07, 2025 pm 01:51 PM

Bootstrap provides a simple guide to setting up navigation bars: Introducing the Bootstrap library to create navigation bar containers Add brand identity Create navigation links Add other elements (optional) Adjust styles (optional)

How to insert pictures on bootstrap How to insert pictures on bootstrap Apr 07, 2025 pm 03:30 PM

There are several ways to insert images in Bootstrap: insert images directly, using the HTML img tag. With the Bootstrap image component, you can provide responsive images and more styles. Set the image size, use the img-fluid class to make the image adaptable. Set the border, using the img-bordered class. Set the rounded corners and use the img-rounded class. Set the shadow, use the shadow class. Resize and position the image, using CSS style. Using the background image, use the background-image CSS property.

How to view Bootstrap's grid system How to view Bootstrap's grid system Apr 07, 2025 am 09:48 AM

Bootstrap's mesh system is a rule for quickly building responsive layouts, consisting of three main classes: container (container), row (row), and col (column). By default, 12-column grids are provided, and the width of each column can be adjusted through auxiliary classes such as col-md-, thereby achieving layout optimization for different screen sizes. By using offset classes and nested meshes, layout flexibility can be extended. When using a grid system, make sure that each element has the correct nesting structure and consider performance optimization to improve page loading speed. Only by in-depth understanding and practice can we master the Bootstrap grid system proficiently.

How to view the CSS style of Bootstrap How to view the CSS style of Bootstrap Apr 07, 2025 am 10:24 AM

How to view Bootstrap CSS: Using Browser Developer Tools (F12). Find the "Elements" or "Inspector" tab and find the Bootstrap component. View the CSS styles that the component applies in the Styles panel. Developer tools can be used to filter styles or debug code to gain insight into how it works. Proficient in developer tools and avoid detours.

See all articles