Créer|Découvrez des possibilités créatives illimitées
objectif créatif
C'est un site qui rassemble la créativité de chacun. Ici, nous pouvons voir le travail acharné des étudiants qui ont participé au cours de développement Web front-end, voir leur croissance, voir leur amour et voir leur créativité infinie ! Bien que ce site d'affichage soit si simple, les sites des étudiants sont si riches et créatifs. J'espère que vous pourrez les apprécier !
fonction structurelle
- Soumettre le travail
- Afficher toutes les œuvres, y compris la page de détails d'affichage
- Afficher le classement des œuvres et liker les œuvres
- Collectionnez vos œuvres préférées
détails techniques
- En surveillant la taille de la fenêtre du navigateur, l'image de la bannière de la page d'accueil est toujours en plein écran
- Changez la barre de navigation en surveillant la position de défilement
- Layout : méthode de mise en page traditionnelle de position+float, incluant quelques astuces telles que display : inline-block et clear float.
- L'icône utilise iconfont
- -le style webkit-scrollbar modifie la barre de défilement pour embellir la page Web
- Utilisez des pseudo-classes pour obtenir certains effets sur le classement
- Réalisation de quelques effets de couleurs glissantes sur les bords de la carte
- Réalisation du modèle de la page entière du site, obtention du contenu du modèle via ajax et rendu sur la page.
- Utilisez l'emplacement pour obtenir les paramètres d'URL actuels, afin que différentes pages puissent utiliser différents modèles et certains effets spécifiques. Cet effet peut être obtenu avec une seule fonction, et le paramètre est le nom du modèle.
- Utilisez js pour contrôler les attributs d'affichage de certains effets afin d'obtenir des effets spécifiques dans ma colonne de favoris
- Soumettez la page en vous faufilant dans submit.php (en utilisant bootstrap pour obtenir l'effet de style du formulaire), en la soumettant à la base de données, puis en la récupérant depuis getdata.php et en générant une chaîne json.
- Lorsque le site Web obtient des données, la méthode de synchronisation ajax est utilisée pour obtenir la chaîne json de getdata.php. En même temps, des appels récursifs sont utilisés lors de la boucle de la chaîne json pour résoudre certains problèmes asynchrones causés par l'utilisation d'ajax.
- Utiliser le stockage de sessions pour stocker les données récupérées
- Implémentation d'une fonction de tri par valeur d'étoile sur la page de classement
- Intégrez des espaces réservés dans les modèles pour placer les données récupérées au bon endroit
- Pour la page de détails, une fonction est utilisée pour obtenir les paramètres d'URL afin que différents comptes puissent afficher différentes pages de détails.
