将商品详细信息页面建成静态页面

静态页面:.html  .htm

原因:1.访问速度快      2.减轻数据库访问压力   是网站优化中很重要的手段

 缺点:1.数据是写死的,不是所有页面都适合做成静态页面

什么样的内容适合做成静态页面?

经常访问的页面,但是页面的内容不是经常修改的

例如:新闻的详细页面、文章、小说、商品的详细页面


为什么不用页面缓存?

页面太多,占内存太大,静态页面是放在磁盘上的,做成页面缓存,需要在.net Framework管道里进行判断,没有必要做成页面缓存


一般步骤:管理员登录后台,在添加图书信息到数据库后,再生成静态页面(可以放一个复选框:是否生成静态页面)


BLL层代码:

///----------------------------
        ///生成静态页面
        public void CreateHtmlPage(int id)
        {
            Model.Books model = dal.GetModel(id);
            //获取文件
            string template = HttpContext.Current.Request.MapPath("/Template/BookTemplate.html");
            string fileContent = File.ReadAllText(template);
            fileContent = fileContent.Replace("$title", model.Title).Replace("$author", model.Author).Replace("$unitprice", model.UnitPrice.ToString("0.00")).Replace("$isbn", model.ISBN).Replace("$Content", model.ContentDescription).Replace("$bookId", model.Id.ToString());
            string dir = "/HtmlPage/" + model.PublishDate.Year + "/" + model.PublishDate.Month + "/" + model.PublishDate.Day + "/";
            Directory.CreateDirectory(Path.GetDirectoryName(HttpContext.Current.Request.MapPath(dir)));

            string fullDir = dir + model.Id + ".html";
            File.WriteAllText(HttpContext.Current.Request.MapPath(fullDir), fileContent, System.Text.Encoding.UTF8);
        }


CreatStaticPage.aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CreatStaticPage.aspx.cs" Inherits="BookShop.Web.AdminManager.CreatStaticPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <input type="submit" value ="生成静态页面" />
    </div>
    </form>
</body>
</html>

CreatStaticPage.aspx.cs:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace BookShop.Web.AdminManager
{
    public partial class CreatStaticPage : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if(IsPostBack)
            {
                //测试代码:前十条
                 BLL.BooksManager bll = new BLL.BooksManager();
                 List<Model.Books> list = bll.GetModelList("");
                foreach(Model.Books bookModel in list)
                {
                    bll.CreateHtmlPage(bookModel.Id);
                }
            }
           
        }
    }
}




  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript是一种广泛应用于网页开发的脚本语言。使用Javascript可以实现网页上的各种动态效果和交互功能。要实现商品购物页面静态网页,可以使用Javascript创建网页元素、添加样式、绑定事件等,使网页看起来更加美观、功能更加丰富。 首先,在HTML文件中创建商品列表、购物车等相关元素。然后,使用Javascript添加或修改元素的样式,如修改商品列表的背景颜色、字体大小等,使其更加易于阅读。同时,也可以设置动画效果,如鼠标悬停在商品上时显示商品详情等。 其次,实现用户购物车的交互功能,这是购物页面的核心。使用Javascript获取用户所选商品的信息,生成订单信息,并将订单信息展示在用户的购物车中。同时,购物车应该能够实现添加、删除、修改商品数量等功能,这也需要使用Javascript编写代码来实现。 最后,为了提高网页的用户体验,可以添加一些额外的功能,如搜索、商品筛选、商品推荐等功能。这些功能可以使用Javascript实现。例如,使用Javascript编写搜索功能,用户输入关键字后,代码会自动匹配商品名称和关键字,然后展示匹配结果。这样,用户就可以快速找到自己需要的商品,提升购物体验。 综上所述,Javascript在实现商品购物页面静态网页中是必不可少的。使用Javascript可以让购物页面更加实用、美观,并提高了用户的购物体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值