【03】仿站技术之python技术，看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品

原创

卓伊凡

发布于 2025-02-16 17:54:54

2900

代码可运行

文章被收录于专栏：python专栏python专栏

运行总次数：0

代码可运行

【03】仿站技术之python技术，看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载（简单）-ios苹果plist下载（稍微麻烦一丢丢）-优雅草卓伊凡

开发背景

继续第二篇，第二篇已经完整下载了，另外本源码我分享至csdn，大家可以下载，用这个源码可以避免购买仿站工具，但是我在这里提醒一下，仿站全抄进行商用是违法的，请注意，本工具仅可让你学习技术，看看别人是怎么写的！！！本落地页是卓伊凡赠送给客户的，不收费。

本工具已经开放在c站有下载，你们可以去搜卓伊凡的博客里面绑定了资源可下载，这里不能发链接我就不发了。

关于仿站是否合法：

仿站的合法性不能一概而论，需要根据具体情况来判断，以下是具体分析：

可能构成违法侵权的情况
- 侵犯知识产权：若在仿站过程中，未经授权复制了他人网站的商标、版权内容（如图片、文字、视频等）、专利技术等，构成知识产权侵权。比如完全照搬知名品牌网站的商品图片、产品介绍文字等。
- 不正当竞争：如果仿站目的是误导消费者，让消费者误以为是原网站或与原网站存在关联，从而混淆市场、获得不当竞争优势，违反不正当竞争法。像一些仿冒知名电商平台的网站，以假乱真骗取消费者钱财。
- 商业秘密侵权：若仿站过程中盗取或披露了他人的商业秘密，如企业的经营模式、商业计划、客户数据等，属于商业秘密侵权行为。
- 契约和合同违约：若与他人签订的合同或协议中明确禁止仿站或未经授权使用相关内容，仍进行仿站，则违反了契约和合同约定。
一般不构成违法的情况
- 学习研究用途：如果是为了个人学习、研究，仅在本地搭建仿站用于技术学习和探索，不对外发布、传播和用于商业目的，一般不违法。
- 借鉴创新：参考其他网站的设计理念、功能布局等，融入自己的创意和内容，进行独立创作，形成具有独特性的新网站，不构成侵权。比如借鉴了某音乐网站的简洁风格，开发出一个功能和内容完全不同的绘画作品展示网站。

实战开发

看到没有不能用别人的东西，我们改下，先来看看代码

首先我们看到的代码html代码不是vue源代码，（这个单独拿一篇来做，把html变成vue源代码，用vue进行run dev 和run build），但是作为展示我们这样就足够了，不过这个代码太乱了我们先整理下，

整理后的 HTML 页面代码，主要进行了以下优化：

结构清晰化：将 <head> 和 <body> 部分分开，并添加注释标记关键部分。
样式优化：将 <style> 标签中的样式提取到外部 CSS 文件中（假设为 styles.css），减少 HTML 文件体积。
脚本优化：将 <script> 标签中的脚本提取到外部 JS 文件中（假设为 scripts.js），减少 HTML 文件体积。
注释：添加注释以标明各部分的功能。

10c18a39246d2b007caa.css这是我们具体的文件，将javacript 脚本放入 js.js，这个文件没有我们直接新建js目录里

文件目录为：

/project
  ├── index.html
  ├── /css
  │    └── 10c18a39246d2b007caa.css
  ├── /js
  │    └── js.js

整理之前我看到图像路劲是base64加密我们先解密，

不过转念一看原来这里是一个苹果logo罢了，加上这里的他们说模块感觉很没必要，所以直接删掉好了，

整个user标签模块

接下来我们需要做整理html，整理js和css，然后把客户产品信息一一整理进去，

整理后的html页面：

</div>
                        <div class="jsx-923201283 topTab">
                            <p class="jsx-923201283">主页<b class="jsx-923201283"></b></p>
                            <a href="/tutorialCN.html" class="jsx-923201283">
                                <p class="jsx-923201283 opc">使用教程</p>
                            </a>
                            <a href="/FAQCN.html" class="jsx-923201283">
                                <p class="jsx-923201283 opc">常见问题</p>
                            </a>
                            <a href="/privacy-agreements.html" class="jsx-923201283">
                                <p class="jsx-923201283 opc">隐私政策</p>
                            </a>
                        </div>
                        <div class="jsx-923201283">
                            <span class="jsx-1901459735"></span>

截图部分，

整理后的css代码：

justify-content: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.home .videoBox video {
    border-radius: 20px 20px 0px 0px;
    width: 100%;
}

.home .main {
    min-width: 762px;
    width: 63.5%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.home .main .content {
    width: 100%;
}

.home .main .content .box {
    position: relative;
    width: 100%;
    min-height: 300px;
}

.home .main .content .leftBox {
    width: 26.7%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.home .main .content .rightBox {
    width: 26.7%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.home .main .content .action {
    box-shadow: 0px 8px 20px 0px rgba(226, 233, 240, 0.62);
    background: white;
    border-radius: 12px;
}

.home .main .content .fContent {
    box-sizing: border-box;
    width: 100%;
    cursor: pointer;
    margin-left: 10%;
    padding-right: 10%;
    padding-bottom: 6%;
    padding-top: 5%;
    position: relative;
    margin-bottom: 8%;
}

.home .main .content .fContent .leftContent {
    display: inline-block;
    width: 10%;
    height: 100%;
}

.home .main .content .fContent .leftContent img {
    width: 9%;
    min-width: 18px;
    position: absolute;
    top: 12%;
    left: 5%;
}

.home .main .content .fContent .rightContent {
    width: 86%;
    display: inline-block;
}

.home .main .content .fContent .rightContent .title {
    font-size: 20px;
    font-family: PTSans-Bold, PTSans;
    font-weight: bold;
    color: black;
}




@media screen and (max-width: 1350px) {
    .home .main .content .fContent .rightContent .title {
        font-size: 16px;
    }
}

.home .main .content .fContent .rightContent .margTop {
    margin-top: 5%;
    line-height: 1.5;
    height: 70px;
}

.home .main .content .fContent .rightContent p {
    width: 100%;
    margin: 0;
    margin-top: 3%;
    font-size: 13px;

截图部分，完美可用

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

node.js