基于HTML和CSS的旅游小程序

一、技术基础

HTML（HyperText Markup Language）：超文本标记语言，用于定义网页的内容和结构。在旅游小程序中，HTML用于搭建页面的基本框架，包括标题、段落、图片、链接等元素，以及用于交互的表单和按钮等。

CSS（Cascading Style Sheets）：层叠样式表，用于控制网页的外观和布局。在旅游小程序中，CSS用于美化页面，包括设置字体、颜色、边距、对齐方式等，以及创建响应式布局，使小程序能够在不同设备和屏幕尺寸上良好地显示。

二、功能特点

旅游目的地介绍：小程序通过HTML和CSS展示各种旅游目的地的详细信息，包括景点介绍、历史文化、交通方式、住宿推荐等。这些信息以图文结合的方式呈现，使用户能够直观地了解各个目的地的特色和亮点。

旅游攻略分享：小程序提供旅游攻略的分享功能，用户可以在这里查看其他游客的旅行经验、推荐路线、必玩景点等。这些攻略以图文或视频的形式展示，帮助用户更好地规划自己的旅行。

在线预订功能：虽然HTML和CSS本身不具备数据处理和后台交互能力，但可以通过与后端技术（如JavaScript、服务器端语言等）结合，实现在线预订功能。用户可以在小程序中预订机票、酒店、景点门票等，简化旅行前的准备工作。

个性化推荐：根据用户的浏览历史、兴趣偏好等信息，小程序可以为用户提供个性化的旅游推荐。这些推荐可以是景点、餐厅、购物场所等，旨在提高用户的旅行体验。

互动交流：小程序提供评论、点赞、分享等互动功能，使用户能够与其他游客交流心得、分享旅行体验。这些互动功能增强了用户参与感和社区归属感。

部分代码

bash 复制代码

package com.example.controller;

import cn.hutool.core.util.StrUtil;
import cn.hutool.crypto.SecureUtil;
import com.example.common.Result;
import com.example.common.ResultCode;
import com.example.entity.Caiwu;
import com.example.exception.CustomException;
import com.example.service.CaiwuService;
import com.example.utils.MapWrapperUtils;
import com.example.utils.jwt.JwtUtil;
import com.example.vo.CaiwuVo;
import org.springframework.beans.BeanUtils;
import org.springframework.web.bind.annotation.*;

import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

@RestController
@RequestMapping(value = "/caiwu")
public class CaiwuController {

    @Resource
    private CaiwuService caiwuService;

    @PostMapping
    public Result<Caiwu> add(@RequestBody CaiwuVo caiwu) {
        caiwuService.add(caiwu);
           return Result.success(caiwu);
    }
	
	

    @PostMapping("/deleteList")
    public Result<Caiwu> deleteList(@RequestBody CaiwuVo caiwu) {
        caiwuService.deleteList(caiwu.getList());
        return Result.success();
    }

    @DeleteMapping("/{id}")
    public Result delete(@PathVariable Long id) {
        caiwuService.delete(id);
        return Result.success();
    }

    @PutMapping
    public Result update(@RequestBody CaiwuVo caiwu) {
        caiwuService.update(caiwu);
        return Result.success();
    }

    @GetMapping("/{id}")
    public Result<Caiwu> detail(@PathVariable Integer id) {
        Caiwu caiwu = caiwuService.findById(id);
        return Result.success(caiwu);
    }

    @GetMapping
    public Result<List<Caiwu>> all() {
        return Result.success(caiwuService.list());
    }

    @PostMapping("/page")
    public Result<CaiwuVo> page(@RequestBody CaiwuVo caiwuVo) {
        return Result.success(caiwuService.findPage(caiwuVo));
    }
	    @PostMapping("/login")
    public Result login(@RequestBody Caiwu caiwu, HttpServletRequest request) {
        if (StrUtil.isBlank(caiwu.getZhanghao()) || StrUtil.isBlank(caiwu.getMima())) {
            throw new CustomException(ResultCode.PARAM_LOST_ERROR);
        }
        Caiwu login = caiwuService.login(caiwu);
//        if(!login.getStatus()){
//            return Result.error("1001","状态限制，无法登录系统");
//        }
        if(login != null) {
            HashMap hashMap = new HashMap();
            hashMap.put("user", login);
            Map<String, Object> map = MapWrapperUtils.builder(MapWrapperUtils.KEY_USER_ID,caiwu.getId());
            String token = JwtUtil.creatToken(map);
            hashMap.put("token", token);
            return Result.success(hashMap);
        }else {
            return Result.error();
        }
    }
    @PutMapping("/updatePassword")
    public Result updatePassword(@RequestBody Caiwu info, HttpServletRequest request) {
        Caiwu caiwu = caiwuService.findById(info.getId());
        String oldPassword = SecureUtil.md5(info.getMima());
        if (!oldPassword.equals(caiwu.getMima())) {
            return Result.error(ResultCode.PARAM_PASSWORD_ERROR.code, ResultCode.PARAM_PASSWORD_ERROR.msg);
        }
        info.setMima(SecureUtil.md5(info.getNewPassword()));
        Caiwu caiwu1 = new Caiwu();
        BeanUtils.copyProperties(info, caiwu1);
        caiwuService.update(caiwu1);
        return Result.success();
    }
}