WEB案例开发实践课题

举报
tea_year 发表于 2022/03/19 22:42:23 2022/03/19
【摘要】 WEB案例开发实践课题,需要分组开发一个项目,WEB项目:• ASP.net +前端框架;• Asp.net MVC + 前端框架理顺C#课程系列:C#基础--》Winform-->Asp.Net-->第四门课;前端基础:三大件:H5+C3+JS (HTML5+CSS3+JavaScript)前端框架:Vue/Angluar/React微信小程序、Uniapp、移动了解Android、Flu...

WEB案例开发实践课题,需要分组开发一个项目,WEB项目:

• ASP.net +前端框架;

• Asp.net MVC + 前端框架

理顺C#课程系列:

C#基础--》Winform-->Asp.Net-->第四门课;


前端基础:

三大件:H5+C3+JS (HTML5+CSS3+JavaScript)

前端框架:Vue/Angluar/React

微信小程序、Uniapp、移动了解Android、Flutter、IOS


前端+后端,后端程序都需要和前端进行沟通和交互。

1. 目标:

分组:大家可以按照之前的组来分,继续升级项目;可以在之前的基础上进行。建议大家针对三层做下练习,之前没有使用的组,提升一下。

业务层 Business-->biz

model 数据层dao 数据模型:实体类 服务模型 service

View asp.net 页面

有的地方还会加上异常处理、拦截操作、通用类层处理等等,还会加上这些。项目越大,原来的一些架构、体系信息就需要重构了。没有完美的框架,只有适应当下需求的框架。

2. 串一下基础前端技术;

H5: 基本标签,不是所有的都要掌握,掌握常用的即可;熟练掌握DIV的布局使用,浮动元素的使用;定位的操作;localstorge 页面存储技术

C3:常用基本三类选择器,知道(ID选择器、类样式选择器、基本标签选择器)。在这三类的基础上,需要掌握:层级选择器、迭代选择器、查找选择器等。有一个技术点:选择器的级别。

JS:这个是后续前端框架的核心,后续所有自定义的框架都是在原生js的基础上进行的重写操作。在这里基本语法、控制结构,大家简单过一眼即可,和C#差不多,非常像,无非是变量声明不需要像C#、JAVA那么严格了。深入学习的,需要掌握JS的面向对象技术。


3. 适当讲一些前端框架;

vue:前端框架,这个前端框架,JAVA Asp.net python go,都可以用;

安装:纯前端,需要有node软件,使用npm install vue或cnpm install vue,前端安装类库的命令npm Node Package Manager即【包管理工具】,用来管理前端的各个包名之类,cnpm是中国很对外国npm网站的一个镜像(淘宝镜像)。

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title></title>

    <!-- 空白处输入! 回车;或者是输入html:5  ,回车;出来整个代码结构 -->

    <!-- 1.开发环境版本,包含了有帮助的命令行警告 -->

    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>

</head>


<body>

    <!-- 2.建立一个div,套模板语法 -->

    <div id="app">

        <p>姓名:{{name}}</p>

        <p>年龄{{age}}</p>

        <p>爱好:{{hobby}}</p>

    </div>

    <!-- 3.创建vue代码; -->

    <script>

        let vue = new Vue({

            el: '#app',

            data: {

                name: '张三',

                age: 28,

                hobby: '玩游戏'

            }

        })

    </script>

</body>


</html>








【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。